记录ajax具体的方法参数(以防总是忘记):
url:
要求为string类型的参数,代表发送请求的地址。
type :
要求为string类型的参数,请求的方式(post或者get,根据需求文档的定义来选择),如果不写默认是get请求方式。注意其他http请求方法,例如put和delete也可以使用,但仅部分浏览器支持。
contentType:
要求为string类型的参数,前端发送信息到服务器时默认的内容编码类型(application/json;charset=utf-8标准写法适用于大多数场合)。
data:
要求为Object或String类型的参数,发送到服务器的数据。如果已经不是字符串,将自动转换为字符串格式(转换方式代码: JSON.stringify(定义的data对象)),对象必须为key/value格式。key(后端提供的参数),value(前端需要传递的值)。
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:返回纯文本字符串。
以下是一个简单的登录接口调用实现:
$(".member_button").click(function() { var userNameReg = /^[0-9]*$/; var userName = $(".m_member_login_ipt_a").val().trim(); if(userName == "") { alert("请输入用户名"); } else if(!userNameReg.test(userName)) { alert("您输入的用户名有误,请重新输入!") } var psw = $(".m_member_login_ipt_b").val().trim(); if(psw == "") { alert("请输入密码"); } var test = { "mobilephone": userName, "passWord": psw }; console.log(test); $.ajax({ type: "post", url: "", contentType: 'application/json;charset=utf-8', data: JSON.stringify(test), success: function(data) { if(status == 0) { console.log(data); } } }); })
