jquery中如何使用ajax-创新互联

jquery中如何使用 ajax，很多新手对此不是很清楚，为了帮助大家解决这个难题，下面小编将为大家详细讲解，有这方面需求的人可以来学习下，希望你能有所收获。

ajax() 方法通过 HTTP 请求加载远程数据。

该方法是 jQuery 底层 AJAX 实现。简单易用的高层实现见 $.get, $.post 等。$.ajax() 返回其创建的 XMLHttpRequest 对象。大多数情况下你无需直接操作该函数，除非你需要操作不常用的选项，以获得更多的灵活性。

最简单的情况下，$.ajax() 可以不带任何参数直接使用。

注意：所有的选项都可以通过 $.ajaxSetup() 函数来全局设置。

语法

jQuery.ajax([settings])//  发请求并且能得知成功还是失败。

settings,可选。用于配置 Ajax 请求的键值对集合。可以通过 $.ajaxSetup() 设置任何选项的默认值。

type:类型，"POST"或者"GET"，默认是"GET"。

url:发送请求的地址。

data：是一个对象，连同请求发送到服务器的数据d

ataType：预期服务器返回的数据类型。如果不指定，jQuery将自动根据HTTP包含的MIME信息来智能判断，一般我们采用json个数，可以设置为"json"。

success:是一个方法，请求成功后的回调函数。传入返回后的数据，以及包含成功代码的字符串。

error:是一个方法、请求失败时调用此函数。传入XMLHttpRequest对象。

实例：

$(document).ready(function(){    $("#searchBtn").click(function(){        $.ajax({            type:"GET",            url:" https://api.passport.xxx.com/checkNickname?username="+mylogin.username+"&token="+mylogin.token+"&nickname="+nickname+"&format=jsonp&cb=?",            dataType:"json",            success:function(data){                if(data.errorCode==0){                                         $("#nickname").val(mylogin.nickname);                                                              }else{                                         $("#nickname").val("用户");                                                          }            },            error:function(jqXHR){                console.log("Error: "+jqXHR.status);            }        });    });});

看完上述内容是否对您有帮助呢？如果还想对相关知识有进一步的了解或阅读更多相关文章，请关注创新互联行业资讯频道，感谢您对创新互联网站建设公司，的支持。