Ajax简介

AJAX的全称为:Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)。
Ajax不是一种编程语言,而是一种使用现有标准的新方法,Ajax是在不加载整个网页的情况下与服务器交换数据并更新部分网页的技术

快速上手

Ajax需求不打的话,求快速上手的方法就是直接去查看JQuery的手册Ajax请求,可使用$.ajax(url,[settings])、$.get(url, [data], [callback], [type])、$.getJSON(url,[data],[fn])、$.getScript(url,[callback])、$.post(url,[data],[fn],[type])方法
这里讲解的是$.ajax()方法:
假设我要获取一个json数据,json数据url为:api.andragon.cn/api/qqcard?qq=2929999994

$(function (){
            $.ajax({
                type:"GET",
                url:"api.andragon.cn/api/qqcard?qq=2929999994",
                dateType:"jsonp",
                success:function (res) {
                    $("#ces").append("<h1>"+res+"</h1>");
                    var date = res.qq;
                    $("#ces").append("<h1>"+date+"</h1>");
                    date = res.info.name;
                    $("#ces").append("<h1>"+date+"</h1>");
                    date = res.info.nature;
                    $("#ces").append("<h1>"+date+"</h1>");
                    date = res.info.title;
                    $("#ces").append("<h1>"+date+"</h1>");
                    date = res.info.time;
                    $("#ces").append("<h1>"+date+"</h1>");
                }
            })
        })

根据上诉代码所描述可得知

  • type:获取json的请求是GET还是POST
  • url:请求的json地址
  • dateType:获取返回的数据类型,是json还是text等等,jsonp是当url有?=的时候JQuery会自动转换
  • success:当json请求成功的时候执行函数

末尾

JQuery其实还提供更简便的$.get()方法,但是该方法无法进行当请求失败执行的函数,所以如需请求失败需要执行函数请使用$.ajax()

最后修改:2020 年 12 月 12 日 11 : 29 AM
博主大大是用个人资金和时间在更新,感觉对您有帮助请点点赞助救救孩子吧~