Jquery Ajax—我耀学IT

1. $.ajax

jquery调用ajax方法:

格式:$.ajax({});

参数:

type:请求方式get/post

url:请求地址

async:是否异步,默认是true表示异步

data:发送到服务器的数据

dataType:预期服务器返回的数据类型

contentType:设置请求头

success:请求成功时调用此方法

error:请求失败时调用此函数

get请求

javascript 复制代码
$.ajax({
    type:"get",
    url:"js/test.txt",
    async:true,
    data:{
        name:"tom"
    },
    dataType:"json",
    success:function(data){
        console.log(data);
    },
    // error一般不用
    error: function (XMLHttpRequest, textStatus, errorThrown) { 
                 $("#p_test").innerHTML = "there is something wrong!";
                 alert(XMLHttpRequest.status); 
                 alert(XMLHttpRequest.readyState); 
                 alert(textStatus);        
   }
})

我耀学IT\] Patience is key in life ## 2. $.get 这是一个简单的get请求功能以取代复杂的$.ajax 请求成功时可调用回调函数。如果需要在出错时执行函数,请使用$.ajax ``` // 1.请求json文件,忽略返回值 ``` ```javascript $.get('js/test.json'); ``` ``` // 2.请求json文件,传递参数,忽略返回值 ``` ```javascript $.get('js/test.json',{name:"tom",age:100}); ``` ``` // 3.请求json文件,那到返回值,请求成功后可拿到返回值 ``` ```javascript $.get('js/test.json',function(data){ console.log(data); }); ``` ``` // 4.请求json文件,传递参数,拿到返回值 ``` ```javascript $.get('js/test.json',{name:"tom",age:100},function(data){ console.log(data); }) ``` ## 3. $.post 这是一个简单的post请求功能以取代复杂的$.ajax 请求成功时可调用回调函数。如果需要在出错时执行函数,请使用$.ajax ``` // 1.请求json文件,忽略返回值 ``` ```javascript $.post('js/test.json'); ``` ``` // 2.请求json文件,传递参数,忽略返回值 ``` ```javascript $.post('js/test.json',{name:"tom",age:100}); ``` ``` // 3.请求json文件,那到返回值,请求成功后可拿到返回值 ``` ```javascript $.get('js/test.json',function(data){ console.log(data); }); ``` ``` // 4.请求json文件,传递参数,拿到返回值 ``` ```javascript $.get('js/test.json',{name:"tom",age:100},function(data){ console.log(data); }) ``` ## 4. getJSON 这是一个简单的getJSON请求功能以取代复杂的$.ajax 请求成功时可调用回调函数。如果需要在出错时执行函数,请使用$.ajax ``` // 1.请求json文件,忽略返回值 ``` ```javascript $.getJSON('js/test.json'); ``` ``` // 2.请求json文件,传递参数,忽略返回值 ``` ```javascript $.getJSON('js/test.json',{name:"tom",age:100}); ``` ``` // 3.请求json文件,那到返回值,请求成功后可拿到返回值 ``` ```javascript $.getJSON('js/test.json',function(data){ console.log(data); }); ``` ``` // 4.请求json文件,传递参数,拿到返回值 ``` ```javascript $.getJSON('js/test.json',{name:"tom",age:100},function(data){ console.log(data); }) ``` PS:getJSON方式要求返回的数据格式满足json格式 ```javascript $.getJSON('js/test.txt',{name:"tom",age:100},function(data){ console.log(data); }) ``` 以上代码运行之后则不会出现运行结果 \[我耀学IT\] Patience is the key to life

相关推荐
CoovallyAIHub3 小时前
中科大DSAI Lab团队多篇论文入选ICCV 2025,推动三维视觉与泛化感知技术突破
深度学习·算法·计算机视觉
NAGNIP4 小时前
Serverless 架构下的大模型框架落地实践
算法·架构
moonlifesudo4 小时前
半开区间和开区间的两个二分模版
算法
moonlifesudo4 小时前
300:最长递增子序列
算法
CoovallyAIHub9 小时前
港大&字节重磅发布DanceGRPO:突破视觉生成RLHF瓶颈,多项任务性能提升超180%!
深度学习·算法·计算机视觉
CoovallyAIHub10 小时前
英伟达ViPE重磅发布!解决3D感知难题,SLAM+深度学习完美融合(附带数据集下载地址)
深度学习·算法·计算机视觉
聚客AI1 天前
🙋‍♀️Transformer训练与推理全流程:从输入处理到输出生成
人工智能·算法·llm
大怪v1 天前
前端:人工智能?我也会啊!来个花活,😎😎😎“自动驾驶”整起!
前端·javascript·算法
惯导马工1 天前
【论文导读】ORB-SLAM3:An Accurate Open-Source Library for Visual, Visual-Inertial and
深度学习·算法
骑自行车的码农1 天前
【React用到的一些算法】游标和栈
算法·react.js