关于ajax

$.ajax使用方法

常用参数:

1、url 请求地址

2、type 请求方式,默认是'GET',常用的还有'POST'

3、dataType 设置返回的数据格式,常用的是'json'格式,也可以设置为'html'

4、data 设置发送给服务器的数据

5、success 设置请求成功后的回调函数

6、error 设置请求失败后的回调函数

7、async 设置是否异步,默认值是'true',表示异步



<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>ajax</title>

<style type="text/css">

</style>

<script type="text/javascript" src="js/jquery-1.12.4.min.js"></script>

<script type="text/javascript">

$.ajax({

url: 'js/data.json',//请求的服务器路径,实际开发中写文档接口的路径

type: 'get',//分get/post请求,涉及隐私或安全性要求较高的用post、安全要求不高及数据量较小的用get

dataType: 'json',//要读取什么格式的数据,还可以是xml script html upload等

// data:{page:1}//请求时要携带的参数

})

.done(function(data){//成功的时候会执行的函数,参数data是从后台接收到的数据,这里是json格式的字符串

alert(data.name);

console.log(data);

})

.fail(function(){//失败的时候会执行的函数

console.log("error");

})

/*

.fail(function(XMLHttpRequest, textStatus, errorThrown) {//失败(带参数)

console.log("error");

// 状态码

            console.log(XMLHttpRequest.status);

            // 状态

            console.log(XMLHttpRequest.readyState);

            // 错误信息 

            console.log(textStatus);

})

.always(function(){//不论成功与否都会执行

console.log("always");

})

*/;

</script>

</head>

<body>

</body>

</html>

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • AJAX 原生js操作ajax 1.创建XMLHttpRequest对象 var xhr = new XMLHtt...
    碧玉含香阅读 8,582评论 0 7
  • 一、什么是AJAX,为什么要使用Ajax(请谈一下你对Ajax的认识) ajax全称Asynchronous Ja...
    dnaEMx阅读 3,085评论 0 2
  • Ajax是什么Ajax(Asynchronous JavaScript + XML)即异步JavaScript +...
    前端开发小匠阅读 1,579评论 0 1
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,960评论 1 45
  • 来到它的世界 我一无所知 莫名的恐惧 孤身前进 想要打破黑暗 做个勇敢的骑士
    丹丹是个胆小鬼阅读 1,319评论 0 3