加载中......
输入验证码,即可复制
微信扫码下载好向圈APP, 登陆后即可进入消息页面查看验证码
只需要3秒时间
1、$.ajax

jquery调用ajax方法:
格式:$.ajax({});
参数:
type:请求方式GET/POST
url:请求地址url
async:是否异步,默认是true表示异步
data:发送到服务器的数据
dataType:预期服务器返回的数据类型
contentType:设置请求头
success:请求成功时调用此函数
error:请求失败时调用此函数
get请求
$.ajax({    type:"get",    url:"js/cuisine_area.json",    async:true,    success : function (msg) {        var str = msg;        console.log(str);        $('div').append("<ul></ul>");        for(var i=0; i<msg.prices.length;i++){            $('ul').append("<li></li>");                $('li').eq(i).text(msg.prices);        }    },    error : function (errMsg) {        console.log(errMsg);        $('div').html(errMsg.responseText);    }});post请求
$.ajax({    type:"post",    data:"name=tom",    url:"js/cuisine_area.json",    contentType: "application/x-www-form-urlencoded",    async:true,    success : function (msg) {        var str = msg;        console.log(str);        $('div').append("<ul></ul>");        for(var i=0; i<msg.prices.length;i++){            $('ul').append("<li></li>");            $('li').eq(i).text(msg.prices);        }    },    error : function (errMsg) {        console.log(errMsg);        $('div').html(errMsg.responseText)    }});

2、$.get

这是一个简单的 GET 请求功能以取代复杂 $.ajax 。
请求成功时可调用回调函数。如果需要在出错时执行函数,请使用 $.ajax。
// 1.请求json文件,忽略返回值$.get('js/cuisine_area.json');                  // 2.请求json文件,传递参数,忽略返回值$.get('js/cuisine_area.json',{name:"tom",age:100}); // 3.请求json文件,拿到返回值,请求成功后可拿到返回值$.get('js/cuisine_area.json',function(data){    console.log(data);}); // 4.请求json文件,传递参数,拿到返回值    $.get('js/cuisine_area.json',{name:"tom",age:100},function(data){    console.log(data);});

3、$.post

这是一个简单的 POST 请求功能以取代复杂 $.ajax 。
请求成功时可调用回调函数。如果需要在出错时执行函数,请使用 $.ajax。
// 1.请求json文件,忽略返回值$.post('../js/cuisine_area.json');                  // 2.请求json文件,传递参数,忽略返回值$.post('js/cuisine_area.json',{name:"tom",age:100});// 3.请求json文件,拿到返回值,请求成功后可拿到返回值$.post('js/cuisine_area.json',function(data){    console.log(data);});                 // 4.请求json文件,传递参数,拿到返回值    $.post('js/cuisine_area.json',{name:"tom",age:100},function(data){    console.log(data);});4、$.getJSON

表示请求返回的数据类型是JSON格式的ajax请求
$.getJSON('js/cuisine_area.json',{name:"tom",age:100},function(data){    console.log(data); // 要求返回的数据格式是JSON格式});本文是全套java入门到架构师教程之前端开发部分-jQuery的教学文档,如需全套前端或java入门到架构师教程请留言或私信。
广告圈
3631 查看 2 0 反对

说说我的看法高级模式

您需要登录后才可以回帖 登录|立即注册

  • 粉红丶猪小妹

    2022-5-26 20:54:35 使用道具

    来自: 北京来自: 北京来自: 北京来自: 北京
    请把标题里的javascript改为jquery
  • 上官雪白

    2022-5-26 20:55:12 使用道具

    来自: 北京来自: 北京来自: 北京来自: 北京
    转发了

相关阅读