jQuery的ajax请求参数大全

二进制
• 阅读 5838

jQuery的ajax请求参数大全

url:
要求为String类型的参数,请求的地址。

type:
要求为String类型的参数,请求方式(post、get、delete等)默认为get。

timeout:
要求为Number类型的参数,设置请求超时时间(毫秒)。此设置将覆盖$.ajaxSetup()方法的全局设置。如:

$.ajaxSetup({
    //会被$.ajax中设置的timeout覆盖掉
    timeout: 100000
});

async:
要求为Boolean类型的参数,默认设置为true,即所有请求均为异步请求。如果需要发送同步请求,请将此选项设置为false。注意,同步请求将锁住浏览器,用户其他操作必须等待请求完成才可以执行。

cache:
要求为Boolean类型的参数,默认为true;设置为false将不会从浏览器缓存中加载请求信息。

data:
要求为Object或String类型的参数,发送到服务器的数据。如果不是字符串,将自动转换为字符串格式。get请求中将附加在url后。防止这种自动转换,可以查看processData选项。对象必须为key/value格式,例如{foo1:"bar1",foo2:"bar2"}转换为&foo1=bar1&foo2=bar2。如果是数组,JQuery将自动为不同值对应同一个名称。例如{foo:["bar1","bar2"]}转换为&foo=bar1&foo=bar2。

dataType:
要求为String类型的参数,预期服务器返回的数据类型。如果不指定,JQuery将自动根据http包mime信息返回responseXML或responseText,并作为回调函数参数传递。可用的类型如下:

xml:返回XML文档,可用JQuery处理。

html:返回纯文本HTML信息;包含的script标签会在插入DOM时执行。

script:返回纯文本JavaScript代码。不会自动缓存结果。除非设置了cache参数。注意在远程请求时(不在同一个域下),所有post请求都将转为get请求。

json:返回JSON数据。

jsonp:JSONP格式。使用SONP形式调用函数时,例如myurl?callback=?,JQuery将自动替换后一个“?”为正确的函数名,以执行回调函数。

text:返回纯文本字符串。

beforeSend:
要求为Function类型的参数,发送请求前可以修改XMLHttpRequest对象的函数,例如添加自定义HTTP头。在beforeSend中如果返回false可以取消本次ajax请求。XMLHttpRequest对象是惟一的参数。

 function(XMLHttpRequest){
    this;   //调用本次ajax请求时传递的options参数
 }

complete:
要求为Function类型的参数,请求完成后调用的回调函数(请求成功或失败时均调用)。参数:XMLHttpRequest对象和一个描述成功请求类型的字符串。

function(XMLHttpRequest, textStatus){

   this;    //调用本次ajax请求时传递的options参数

}

success:
要求为Function类型的参数,请求成功后调用的回调函数,有两个参数。(1)由服务器返回,并根据dataType参数进行处理后的数据。(2)描述状态的字符串。

function(data, textStatus){

//data可能是xmlDoc、jsonObj、html、text等等

  this;  //调用本次ajax请求时传递的options参数
}

error:
要求为Function类型的参数,请求失败时被调用的函数。该函数有3个参数,即XMLHttpRequest对象、错误信息、捕获的错误对象(可选)。ajax事件函数如下:

function(XMLHttpRequest, textStatus, errorThrown){

 //通常情况下textStatus和errorThrown只有其中一个包含信息

 this;   //调用本次ajax请求时传递的options参数

}

contentType:
要求为String类型的参数,当发送信息至服务器时,内容编码类型默认为"application/x-www-form-urlencoded"。该默认值适合大多数应用场合。

dataFilter:
要求为Function类型的参数,给Ajax返回的原始数据进行预处理的函数。提供data和type两个参数。data是Ajax返回的原始数据,type是调用jQuery.ajax时提供的dataType参数。函数返回的值将由jQuery进一步处理。

function(data, type){

//返回处理后的数据

return data;

 }

global:
要求为Boolean类型的参数,默认为true。表示是否触发全局ajax事件。设置为false将不会触发全局
ajax事件,ajaxStart或ajaxStop可用于控制各种ajax事件。

ifModified:
要求为Boolean类型的参数,默认为false。仅在服务器数据改变时获取新数据。服务器数据改变判断的依据是Last-Modified头信息。默认值是false,即忽略头信息。

jsonp:
要求为String类型的参数,在一个jsonp请求中重写回调函数的名字。该值用来替代在"callback=?"这种GET或POST请求中URL参数里的"callback"部分,例如{jsonp:'onJsonPLoad'}会导致将"onJsonPLoad=?"传给服务器。

username:
要求为String类型的参数,用于响应HTTP访问认证请求的用户名。

password:
要求为String类型的参数,用于响应HTTP访问认证请求的密码。

processData:
要求为Boolean类型的参数,默认为true。默认情况下,发送的数据将被转换为对象(从技术角度来讲并非字符串)以配合默认内容类型"application/x-www-form-urlencoded"。如果要发送DOM树信息或者其他不希望转换的信息,请设置为false。

scriptCharset:
要求为String类型的参数,只有当请求时dataType为"jsonp"或者"script",并且type是GET时才会用于强制修改字符集(charset)。通常在本地和远程的内容编码不同时使用。

案例代码:

  $(function(){

    $('#send').click(function(){

         $.ajax({

             type: "GET",

             url: "test.json",

             data: {username:$("#username").val(), content:$("#content").val()},

             dataType: "json",

             success: function(data){

                         $('#resText').empty();   //清空resText里面的所有内容

                         var html = ''; 

                         $.each(data, function(commentIndex, comment){

                               html += '<div class="comment"><h6>' + comment['username']

                                         + ':</h6><p class="para"' + comment['content']

                                         + '</p></div>';

                         });

                         $('#resText').html(html);

                      }

         });

    });

});

点赞
收藏
评论区
推荐文章
Easter79 Easter79
3年前
vue axios get请求参数为json对象 而非字符串形式
axiosget请求方式传递给后台的参数都是字符串下形式,无法传递json对象或数组对象等post请求方式则可以实现,但若后台接口要求必须用get方式传递对象给后台,需要装插件
Wesley13 Wesley13
3年前
ThinkPHP5 ajax使用
一句话总结:页面端使用$.get()方法传递ajax请求,服务器端判断是不是ajax请求,是的话接受参数,进行逻辑处理之后向客户端返回值。1、页面端如何传递ajax请求?$.get()方法即可22<script23$('my_ajax_test').click(function(){24
Stella981 Stella981
3年前
Spring Boot学习(四)Controller接收请求参数
SpringBoot学习(四)Controller接收请求参数一、通过实体Bean接收请求参数通过实体Bean来接收请求参数,适用于get和post方式,Bean的属性名称必须与请求参数名称相同。项目结构如下:!(https://static.oschina.net/uploads/space/2018/0601/174959_FvRV
Stella981 Stella981
3年前
Linux模拟HTTP请求
一个简单的GET请求使用curl命令可以轻松发起一个HTTP请求:使用GET凡是请求网址curlhttp://www.baidu.com可以使用X选项指定请求方式携带参数的POST请求下面演示一个带头部和参数的POST请求curlXPOST\'http://u
Stella981 Stella981
3年前
Ajax各个参数的说明
Ajax各个参数的说明$.ajax({     url: "http://www.hzhuti.com",    //请求的url地址     dataType: "json",   //返回格式为json     async: true, //请求是否异步,默认为异步,这也是ajax重要特性   
Easter79 Easter79
3年前
SpringMVC(五):@RequestMapping下使用@RequestParam绑定请求参数值
在处理方法入参使用@RequestParam可以把请求参数传递给请求方法,@RequestParam包含的属性值:\value:参数名称\required:是否必须,默认为true,表示请求参数中必须包含对应的参数,否则抛出异常。\defaultValue:当请求参数缺少或者有请求参数但值为空时,值采用该设置值。示
Stella981 Stella981
3年前
Django框架 之 Ajax
Django框架之Ajax浏览目录AJAX准备知识AJAX与XML的比较AJAX简介jQuery实现的ajaxAJAX参数AJAX请求如何设置csrf\_token序列化
Stella981 Stella981
3年前
Django之ajax(jquery)封装(包含 将 csrftoken 写入请求头方法)
由于支持问题,未使用es6语法\_ajax.js/发起请求@paramurl请求地址@paramdata请求数据{}json格式@paramtype请求类型get|post@paramsuccess请求成功回调方法(如果支持e
Stella981 Stella981
3年前
Ajax_请求get,post案例
1\.最原始的ajax请求方式(1).get请求<%@PageLanguage"C"AutoEventWireup"true"CodeFile"AjaxDemo.aspx.cs"Inherits"ajax_AjaxDemo"%<!DOCTYPEhtml<htmlxmln
Stella981 Stella981
3年前
Es6获取数据
$(function(){$.ajax({//请求方式type:"GET",//文件位置url:"js/data.json",//返回数据格式为json,也可以是其他格式如dataType:"json",//请求成功后要执行的函数,拼接htmlsuccess:function(res){var
四、飞鹅后端管理系统API接口文档
接口列表1.服务健康检查请求方法:GET请求URL:/api/health请求参数无返回结果json"code":1,"message":"success"2.用户登录请求方法:POST请求URL:/api/admin/access/login请求参数(f