JQuery > Ajax发送异步请求,Json语法

1 》原始方式Ajax请求

$.ajax({
    
    
	url:"ajaxServlet1111" ,
    type:"POST" ,
    //data: "username=jack&age=23",//请求参数
    data:{
    
    "username":"jack","age":23},
    success:function (data) {
    
    
        alert(data);
    },
    error:function () {
    
    
        alert("出错啦...")
    },
    dataType:"text"
});
url:表示请求的路径
type:表示请求的方式
data:表示请求所携带的参数
success:表示相应成功后,应该执行的操作
	data:形参表示响应成功后表示的数据
error:表示响应失败后响应的数据

2 》GET 方式Ajax请求

$.get("ajaxServlet",{
    
    username:"rose"},function (data) {
    
    
   alert(data);
},"text");
第一个参数表示请求的路径
第二个参数表示请求携带的数据
第三个参数表示请求成功后执行的操作,data形参表示,请求成功后响应的数据

3 》POST 方式Ajax请求

 $.post("ajaxServlet",{
    
    username:"rose"},function (data) {
    
    
    alert(data);
 },"text");

4 》Json语法

		1.定义基本格式
		2.keyAndValue用:链接
        var person = {
    
    "name": "张三", age: 23, 'gender': true};

        获取name的值
        方式1var name = person.name;
        方式2var name = person["name"];
       // alert(name);

        //alert(person);
        2.嵌套格式   {
    
    }———> []
        key:字符串persons
        value:[]内的数据
        []中又嵌套了三个Json数据
        var persons = {
    
    
            "persons": [
	                {
    
    "name": "张三", "age": 23, "gender": true},
	                {
    
    "name": "李四", "age": 24, "gender": true},
	                {
    
    "name": "王五", "age": 25, "gender": false}
                ]
        };
       	// alert(persons);
       	获取王五值
       	var name1 = persons.persons[2].name;
       	// alert(name1);


        3.嵌套格式   []———>{
    
    }
        []为数组,数组中嵌套json
        var ps = [{
    
    "name": "张三", "age": 23, "gender": true},
            {
    
    "name": "李四", "age": 24, "gender": true},
            {
    
    "name": "王五", "age": 25, "gender": false}];
        //获取李四值
        //alert(ps);
        alert(ps[1].name);

猜你喜欢

转载自blog.csdn.net/weixin_43309893/article/details/119953950