jQuery里的Ajax

    xiaoxiao2025-01-21  8

    1、jQuery里的Ajax

    get

    /* get请求 */ $.ajax({    type:'get',/* 以什么方式时get/post */    url: 'text.txt',/* 发送请求或者发送数据地址 */    success:function(msg){/* 请求成功后的回调函数,值function参数msg是后台返回的信息 */        console.log(msg)   } }); ​ /* get发送数据 */ $.ajax({    type:'get',/* 以什么方式时get/post */    url: 'get.php',/* 发送请求或者发送数据地址 */    data:{        user:"楠楠,        pwd:'123'   },    //date:'user=楠楠&&pwd=123',    success:function(msg){/* 请求成功后的回调函数,值function参数msg是后台返回的信息 */        console.log(msg)   } });

    post

    /* post请求 */ $.ajax({    type:'post',/* 以什么方式时get/post */    url: 'post.php',/* 发送请求或者发送数据地址 */     data:{        user:楠楠,        pwd:'123'   },    success:function(msg){/* 请求成功后的回调函数,值function参数msg是后台返回的信息 */        console.log(msg)   } }); ​ /* post请求 */ $.ajax({    type:'post',/* 以什么方式时get/post */    url: 'jsons.txt',/* 发送请求或者发送数据地址 */    context:document,/* 回调函数里面this的指向 (document) */    dataType:'json',/* 把接受到的数据转为json格式,以数组的形式返回 注意:接收到的数据要严格 */    success:function(msg){/* 请求成功后的回调函数,值function参数msg是后台返回的信息 */        console.log(msg[0]['name']);//因为已经把数据转为json格式,可以通过键值对取值     console.log(msg);/*                   0: Object { name: "楠楠", age: 18, sex: "男" }                   1: Object { name: "小明", age: 20, sex: "男" }                   2: Object { name: "慧慧", age: 16, sex: "女" }                   length: 3     */   } });

     

    最新回复(0)