jquery~ajax()学习

Posted 天狼啸月1990

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery~ajax()学习相关的知识,希望对你有一定的参考价值。

w3school-jquery.ajax()文档:http://www.w3school.com.cn/jquery/ajax_ajax.asp

JQuery.ajax(),阿贾克斯,方法通过http请求加载远程数据,它可以在不重新加载整个网页的情况下,对网页的某部分进行更新。

$ajax()返回其创建的XMLHttpRequest对象,即发送请求、调用api。XMLHttpRequest是ajax的基础,用于在后台和服务器交换数据。

$.ajax({          //famous阿贾克斯, jquery.ajax(),ajax()先调用来一个api,真正的请求发送端在前端后台。
url:"/record/analysis/", //发送请求的地址,前端的后台,相当于服务器的前端,请求地址是在urls里面
type:"post", //发送请求类型,post比get更稳定,支持大量数据和某些未知字符
data:formData, //发送到服务器的数据。将自动转换为字符串格式。必须为key/value格式。
//jquery将自动为不同值对应同一个名称,如 {foo:["bar1", "bar2"]} 转换为 \'&foo=bar1&foo=bar2\'
processData:false, //默认值: true。默认情况下,通过data选项传递进来的数据,如果是一个对象(技术上讲只要不是字符串),都会处理转化成一个查询字符串
contentType:false, //发送信息至服务器时内容的编码。
success:function(res){ //请求成功后的回调回调函数。由服务器返回,并根据dataType参数进行处理后的数据;描述状态的字符串
//dataType:预期服务器返回的数据类型。在 1.4 中,JSON 就会生成一个 javascript 对象,而 script 则会执行这个脚本。
//随后服务器端返回的数据会根据这个值解析后,传递给回调函数。可用值:xmlhtml、script、json、text、jsonp

   

  •  document是javascript内置对象,即整个页面
  • document.getElementById("更改对象").innerHTML="更改文本",更改一个链接的文本
  • document.getElementById("获取对象").innerHTML,获取一个链接的文本

以上是关于jquery~ajax()学习的主要内容,如果未能解决你的问题,请参考以下文章

jQuery高级Ajax

十条jQuery代码片段助力Web开发效率提升

十条jQuery代码片段助力Web开发效率提升

使用 JQuery ajax 在 DOM 操作后附加事件

使用 Jquery 的同步“Ajax”调用似乎不起作用

前端面试题之手写promise