jQuery的Ajax完整案例代码收藏

发布时间：2024-01-05  栏目：建站知识   浏览：   分类：js教程 AJAX jquery教程 js代码

以下是一个简单的JQuery AJAX完整案例代码： ```javascript $.ajax({ url: "test.html", type: "GET", dataType: "html", success: function(data) { $("#div1").html(data); }, error: function() { alert("请求失败"); } }); ``` 这段代码使用JQuery的`$.ajax()`方法发起一个GET请求，将请求到的数据（这里是`test.html`文件的内容）插入到id为`div1`的元素中。如果请求成功，执行`success`回调函数；如果请求失败，执行`error`回调函数。

JQuery的AJAX完整案列代码

$.ajax({type:"POST",dataType:"JSON",url:"11px.php",data:{url:ur},success:function(data,status){console.log(data)},error:function(XMLHttpRequest,textStatus,errorThrown){console.log(json_decode.msg)}});

ajax参数说明

type：get 或 post

dataType:'JSON', //返回的数据格式：json/xml/html/script/jsonp/text

data:提交参数

async:true, //或false 是否异步

timeout:5000,//超时时间