首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

一个兼容get请求和post请求的Ajax封装函数

今天在看某风网老师录制的 Ajax 函数封装的视频,get 和 post 请求都考虑到了,我在这里也做一下笔记。 我把考虑到的都备注上了,以往可以给大家一点参考。...:回调     if (method == "post") { //如果是post请求         data = (function (obj) { // 自动执行的匿名函数 (function()...method, url, true); //请求方式,请求地址,是否异步:是         xhr.onreadystatechange = function () { // 当 readyState 改变,...如果需要调用:     function send() {         var obj = {name: "Marry", age: "26"};         ajax("post...}         })     } 声明:本文由w3h5原创,转载请注明出处:《一个兼容get请求和post请求的Ajax封装函数》 https://www.w3h5.com/post

1.6K10

初学者必看Ajax的总结

(默认为 true,一般不建议为 false) false:同步模式发出的请求会暂停所有 javascript 代码的执行,知道服务器获得响应为止,如果浏览器连接网络时或者在下载文件出了故障,页面就会一直挂起...客户端声明回调函数之后,客户端通过 script 标签向服务器跨域请求数据,然后服务端返回相应的数据并动态执行回调函数 用 XMLHttpRequest ,我们得到一个字符串;要用JSON.parse...把字符串转化成对象,使用 jsonp ,script 标志会解析并执行返回的代码,等我们处理数据,已经是一个 JavaScript 对象了 注意浏览器的缓存问题 末尾增加一个随机数可避免频繁请求同一个链接出现的缓存问题...项目中需要传递一些参数给服务器中的页面,那么可以使用$.get()和$.post()或$.ajax()方法 注意:$.get()和$.post()方法是 jquery 中的全局函数 $.get()方法...注意:远程请求,所有的 POST 请求都将转为 GET 请求json:返回 JSON 数据jsonp:JSONP 格式,使用 jsonp 形式调用函数,例如:myurl?call back=?

2.6K40
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    AJAX 前端开发利器:实现网页动态更新的核心技术

    等待服务器响应时执行其他脚本 响应准备好后处理响应 onreadystatechange属性 使用XMLHttpRequest对象,您可以定义在请求接收答案执行函数。...以下是一个展示如何使用AJAX从XML文件中获取信息的示例: 示例说明 当用户点击上面的 "获取 CD 信息" 按钮,将执行 loadDoc() 函数。...loadDoc() 函数创建一个XMLHttpRequest对象,添加在服务器响应就绪执行函数,并将请求发送到服务器。...以下示例演示了如何在用户输入字段中输入字符,网页可以与Web服务器通信: 示例说明 在上述示例中,当用户输入字段中键入字符,将执行名为 "showHint()" 的函数。...以下示例演示了如何在用户输入字段中输入字符,网页可以与Web服务器通信: 示例说明 在上述示例中,当用户输入字段中键入字符,将执行名为 "showHint()" 的函数

    12100

    AJAX】对于AJAX 解析已经XMLHttpRequest对象对于异步的操作等等项目中的体验

    如果的网站上有多个AJAX任务,应该编写一个用于创建XMLHttpRequest对象的标准函数,并为每个AJAX任务调用该函数。...函数调用应包括URL和发生onreadystatechange事件执行的任务(每个调用可能不同) IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码。...服务器上执行的许多任务都很耗时。这可能会导致应用程序AJAX出现之前挂起或停止。...注意:当使用async=false,请不要编写onreadystatechange函数-只需将代码放在send()语句之后: 当请求发送到服务器,我们需要执行一些基于响应的任务。...loadXMLDoc()函数创建XMLHttpRequest对象,服务器响应就绪添加要执行函数,并将请求发送到服务器。

    1.6K60

    ajax 写法_常见词缀汇总

    AJAX 最大的优点是不重新加载整个页面的情况下,可以与服务器交换数据并更新部分网页内容。 AJAX 不需要任何浏览器插件,但需要用户允许JavaScript浏览器上执行。...注意在远程请求(不在同一个域下),所有post请求都将转为get请求。json:返回JSON数据。jsonp:JSONP格式。使用SONP形式调用函数,例如myurl?callback=?...,JQuery将自动替换后一个“?”为正确的函数名,以执行回调函数。text:返回纯文本字符串。 data: 要求为Object或String类型的参数,发送到服务器的数据。...ajax事件函数如下: function(XMLHttpRequest, textStatus, errorThrown){ //通常情况下textStatus和errorThrown只有其中一个包含信息...this; //调用本次ajax请求传递的options参数 } header: python框架django中前端发起ajax请求如果是post请求需要传csrf参数就是通过header传的

    1.1K10

    $.ajax()方法详解学习

    工作总是会有很多地方用到异步请求,有时候用快捷方法 get/post 或者getJson不能满足自己的需求,所以必须使用底层的ajax来实现异步请求,每次写完下次在用到的时候就记不清楚了,就在这里记录一下...它的工作原理是GET请求参数中附加”_={timestamp}”(详见ajax防止缓存)。该参数不是其他请求所必须的,除了IE8中,当一个POST请求一个已经用GET请求过的URL。...注意在远程请求(不在同一个域下),所有post请求都将转为get请求。 json:返回JSON数据。 jsonp:JSONP格式。使用SONP形式调用函数,例如myurl?...,JQuery将自动替换后一个“?”为正确的函数名,以执行回调函数。...这个函数传递3个参数:从服务器返回的数据,并根据dataType参数进行处理后的数据,一个描述状态的字符串;还有 jqXHR(jQuery 1.4.x前为XMLHttpRequest) 对象。

    5.4K10

    ajax 使用 与 缓存问题

    Post方式: 当使用POST方式,浏览器把各表单字段元素及其数据作为HTTP消息的实体内容发送给Web服务器,而不是作为URL地址的参数进行传递,使用POST方式传递的数据量要比使用GET方式传送的数据量大的多...$.ajax() 只有一个参数:参数 key/value 对象,包含各配置及回调函数信息。详细参数选项见下。...使用 JSONP 形式调用函数,如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名,以执行回调函数。...数据类型设置为 "jsonp" ,jQuery 将自动调用回调函数。(这个我不是很懂) 参数列表: 名 类型 描述 url String (默认: 当前页地址) 发送请求的地址。...使用 JSONP 形式调用函数,如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名,以执行回调函数

    2.3K20

    jQuery Ajax 全解析

    请求成功可调用回调函数。如果需要在出错执行函数,请使用 .ajax。示例代码: $.get("....其实应该为客户端请求的类型(JSON,XML,等等) 这是一个简单的 POST 请求功能以取代复杂 .ajax 。请求成功可调用回调函数。如果需要在出错执行函数,请使用 .ajax。...使用 JSONP 形式调用函数,如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名,以执行回调函数。...数据类型设置为 "jsonp" ,jQuery 将自动调用回调函数。(这个我不是很懂) 参数列表: 参数名类型描述urlString(默认: 当前页地址) 发送请求的地址。...使用 JSONP 形式调用函数,如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名,以执行回调函数

    9.6K10

    jQuery ajax() 方法

    函数 描述 jQuery.ajax() 执行异步 HTTP (Ajax) 请求。 .ajaxComplete() 当 Ajax 请求完成注册要调用的处理程序。这是一个 Ajax 事件。...请求成功可调用回调函数,如果需要在出错执行函数,请使用 $.ajax。 示例代码: $.get("....其实应该为客户端请求的类型(JSON,XML,等等) 这是一个简单的 POST 请求功能以取代复杂 $.ajax 。请求成功可调用回调函数。如果需要在出错执行函数,请使用 $.ajax。...使用 JSONP 形式调用函数,如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名,以执行回调函数。...数据类型设置为 "jsonp" ,jQuery 将自动调用回调函数。(这个我不是很懂) 参数列表: 参数名 类型 描述 url String (默认: 当前页地址) 发送请求的地址。

    2.5K60

    详细解读Jquery各Ajax函数:$.get(),$.post(),$.ajax(),$.getJSON()

    使用JSON相比传统的通过 GET、POST直接发送”裸体”数据,在结构上更为合理,也更为安全。至于jQuery的getJSON()函数,只是设置了JSON参数的 ajax()函数一个简化版本。...这个函数也是可以跨域使用的,相比get()、post()有一定优势。另外这个函数可以通过把请求url写 成”myurl?callback=X”这种格式,让程序执行回调函数X。...使用 JSONP 形式调用函数, 如 “myurl?callback=?” jQuery 将自动替换 ? 为正确的函数名,以执行回调函数。...ajaxComplete 全局事件全局的请求完成触发 ajaxStop (全局事件) 当没有Ajax正在进行中的时候,触发 局部事件之前的函数中都有介绍,我们主要来看看全局事件。...单个AJAX请求,你可以将global的值设为false,以将此请求独立于AJAX的全局事件。

    3.8K100

    详解 Ajax

    Ajax 浏览器与 Web 服务器之间使用异步数据传输(HTTP 请求),这样就可使网页从服务器请求少量的信息,而不是整个页面。 ?...Ajax 不需要任何浏览器插件,但需要用户允许 JavaScript 浏览器上执行Ajax 应用程序必须在众多不同的浏览器和平台上经过严格的测试。...一个被完整读入的页面与一个已经被动态修改过的页面之间的可能差别非常微妙;用户通常都希望单击后退按钮,就能够取消他们的前一次操作,但是 Ajax 应用程序中,却无法这样做。   ...post 这个函数其实就是对 .ajax 进行了更进一步的封装,简化了数据提交方式,只能采用 POST 方式提交。.get 和 ?...默认是 false jsonp 一个 jsonp 中重写回调函数的字符串 jsonpCallback 一个 jsonp 中规定回调函数的名称 password 规定在 HTTP 访问认证请求中使用的密码

    1.7K30

    前端必知的ajax

    这是一个简单的 GET 请求功能以取代复杂 $.ajax 。请求成功可调用回调函数。如果需要在出错执行函数,请使用 $.ajax。示例代码: $.get("....其实应该为客户端请求的类型(JSON,XML,等等) 这是一个简单的 POST 请求功能以取代复杂 $.ajax 。请求成功可调用回调函数。如果需要在出错执行函数,请使用 $.ajax。...使用 JSONP 形式调用函数,如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名,以执行回调函数。...数据类型设置为 "jsonp" ,jQuery 将自动调用回调函数。(这个我不是很懂) 参数列表: 参数名 类型 描述 url String (默认: 当前页地址) 发送请求的地址。...使用 JSONP 形式调用函数,如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名,以执行回调函数

    3K40

    Ajax:初次认识ajaxajax使用方法

    AJAX 是一种无需重新加载整个网页的情况下,能够更新部分网页的技术。 Ajax 不是一种新的编程语言,而是一种用于创建更好更快以及交互性更强的Web应用程序的技术。...Google Suggest 使用 AJAX 创造出动态性极强的 web 界面:当您在谷歌的搜索框输入关键字,JavaScript 会把这些字符发送到服务器,然后服务器会返回一个搜索建议的列表。...登陆,提示用户名密码错误 删除数据行时,将行ID发送到后台,后台在数据库中删除,数据库删除成功后,页面DOM中将数据行也删除。...(全局) complete:完成之后执行的回调函数(全局) success:成功之后执行的回调函数(全局) error:失败之后执行的回调函数(全局)...DOM中,如果包含JavaScript标签,则会尝试去执行

    5.8K20

    $.ajax常用用法

    注意在远程请求(不在同一个域下),所有post请求都将转为get请求。 json:返回JSON数据。 jsonp:JSONP格式。使用SONP形式调用函数,例如myurl?callback=?...,JQuery将自动替换后一个“?”为正确的函数名,以执行回调函数。 text:返回纯文本字符串。...只有其中一个包含信息           this;   //调用本次ajax请求传递的options参数        } ------------以下参数我不常用到--------------...data是Ajax返回的原始数据,type是调用jQuery.ajax提供的dataType参数。函数返回的值将由jQuery进一步处理。            ...jsonp:要求为String类型的参数,一个jsonp请求中重写回调函数的名字。该值用来替代"callback=?"

    10910

    AJAX

    AJAX AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)。 AJAX 不是新的编程语言,而是一种使用现有标准的新方法。...AJAX 最大的优点是不重新加载整个页面的情况下,可以与服务器交换数据并更新部分网页内容。 AJAX 不需要任何浏览器插件,但需要用户允许JavaScript浏览器上执行。...3.csrf防御 由于django默认post提交都会有csrf认证,需要添加CSRF token所以有两种解决方式 djangoviews函数中添加免除csrf跨站保护 ```python from...,type表示要从服务器端收到的数据类型,有text|html|json|script,规定了返回数据的类型后,如果服务器发送的不是这种类型,那么不会执行回调函数 将上一节中的func函数改为如下 function...发送信息至服务器内容编码类型。

    4.2K20
    领券