1.$.ajax()发送一个get请求,数据返回为json
$.ajax({ type: "GET", url: "select", //ajax请求地址 dataType:‘json‘, data: {id:1001},//也可以是字符串链接"id=1001",建议用对象 success: function(data){ if(data.message==="success"){ } console.log("返回的数据: " + data ); } });
2.$.ajax()发送一个post请求,数据返回为json
$.ajax({ type: "POST", url: "add", dataType:‘json‘, data: {name:"张三",sex:1},//也可以是字符串链接"name=张三&sex=1",建议用对象 success: function(data){ //实际操作的时候,返回的json对象中可能会有成功错误的判断标记,所以可能也需要判断一下 console.log("返回的数据: " + data ); } });
3.$.ajax()经常用到的一个工具函数
ajax提交数据的时候,通常是提交一个表单,所以,序列化表单数据就非常有用,如:$("form").serialize()
$("form").on("submit",function(){ var url = this.action; //可以直接取到表单的action var formData = $(this).serialize(); $.post(url,formData, //$.ajax() post方法简写形式,$.post("请求url","发送的数据对象","成功回调","返回数据类型"); function(data){ //返回成功,可以做一个其他事情 console.log(data); }, ‘json‘);//返回的数据类型 //阻止表单默认提交行为 return false })
4. $.ajax() GET方法和POST方法的简写
$.get( "url", {userID:"123"}, function(response) { //回调函数方法体 } ) $.post( "url", {userID:"123"}, function(response) { //回调函数方法体 } )
原文:https://www.cnblogs.com/hunmeng/p/11061805.html