jq .ajax,jq中的AJAX

1.

$.ajax 方法

url 表示请求的地址

type 表示请求的类型 GET 或 POST 请求

data 表示发送给服务器的数据 格式有两种：

一：name=value&name=value

二：{key:value}

success 请求成功，响应的回调函数

dataType 响应的数据类型

常用的数据类型有：

text 表示纯文本

xml 表示 xml数据

json 表示 json 对象

2.

$.get方法和$.post 方法

url 请求的 url 地址

data 发送的数据

callback 成功的回调函数

type 返回的数据类型

3.

$.getJSON 方法

url 请求的 url 地址

data 发送给服务器的数据

callback 成功的回调函数

4.

表单序列化 serialize()

serialize()可以把表单中所有表单项的内容都获取到，

并以 name=value&name=value 的形式进行拼接。;

代码测试部分

$(function(){

// ajax请求

$("#ajaxBtn").click(function(){

$.ajax({

url:"http://localhost:8080/JsonAndAjax/AJAX",

// data:"action=JqByJax", 第一种方法

data:{action:"JqByJax"}, //第二种类型

type:"GET",

success:function (msg) {

alert("服务器返回的数据为"+msg);

// var obj=JSON.parse(msg);//别忘记将传过来的字符串转为对象 如果设置的是Text

$("#msg").html("姓名："+msg.name+" "+"id："+msg.Id);

},

dataType:"JSON" //这块写的是json的话 会自动将其转为对象嗷

});

//alert("ajax btn");

});

// ajax--get请求

$("#getBtn").click(function(){

//url data callback type

alert("$GET");

$.get("http://localhost:8080/JsonAndAjax/AJAX","action=$GET",function (msg) {

$("#msg").html("姓名："+msg.name+" "+"id："+msg.Id);

},"json")

// alert(" get btn ");

});

// ajax--post请求

$("#postBtn").click(function(){

$.post("http://localhost:8080/JsonAndAjax/AJAX","action=$POST",function (msg) {

alert("$POST");

$("#msg").html("姓名："+msg.name+" "+"id："+msg.Id);

},"json")

});

// ajax--getJson请求

$("#getJSONBtn").click(function(){

// 调用

$.getJSON("http://localhost:8080/JsonAndAjax/AJAX","action=GETJSON",function (msg) {

$("#msg").html("姓名："+msg.name+" "+"id："+msg.Id);

});

alert("getJSON btn");

});

// ajax请求

$("#submit").click(function(){

// 把参数序列化

//别忘了这个&

$.getJSON("http://localhost:8080/JsonAndAjax/AJAX","action=serialize&"+$("#form01").serialize(),function (msg) {

$("#msg").html("姓名："+msg.name+" "+"id："+msg.Id);

});

alert("serialize()");

});

});

来源：https://www.cnblogs.com/whydbk/p/13372390.html