美文网首页Ajax
JS | jQuery.ajax() 函数使用

JS | jQuery.ajax() 函数使用

作者: Ada54 | 来源:发表于2018-09-13 11:43 被阅读47次

前言

jQuery AJAX 是一种与服务器交换数据库的技术,实现页面异步加载数据,也就是说在不重新载入整个页面的情况下,与服务器进行交互后,返回数据更新网页的一部分

jQuery AJAX 技术常用的方法:ajax() , get() , post() , load() , getscript() 等这几种方法

今天在看项目的时候,涉及到 ajax() 方法,所以进行学习一下

一、ajax() 功能

用于执行异步 AJAX 请求(异步HTTP请求)

当处理复杂的 Ajax 请求时,使用 jQuery.ajax() 方法进行处理,ajax() 功能强大,可以对 Ajax 进行许多精确的控制

二、ajax() 用法

1. 使用格式

2. 常用参数

url:  String类型,发送请求url 

请求url 可分别绝对地址和相对地址,绝对路径开头为 "/ ",斜杠说明这个请求从根目录去访问的,这个是绝对路径;相对路径是相对于html 页面的路径

在 Spring Boot 框架里,control 中 @RequestMapping  用来映射请求地址

@RequestMapping 的用法: https://www.jianshu.com/p/6bfc7e0f56a0

type:  String类型,请求方式为 post 或 get,默认为get 。其他的 http 请求方法,如 put 和 delete 也可使用,但仅部分浏览器支持

data: Object 或 String类型,发送到服务器的数据

async:Boolean类型,默认为true,所有请求均为异步请求

如果需要发送同步请求,请设置为false。注意,同步请求将锁住浏览器,用户其他操作必须等待请求完成才可以执行

dataType: String类型,返回数据的类型。不设置的话,默认返回responseXML或responseText类型数据,并作为回调函数参数传递

常用的返回类型如下:

           json:返回JSON数据

           xml:返回XML文档,可用JQuery处理

           text:返回纯文本字符串

           html:返回纯文本HTML信息。包含的script标签会在插入DOM时执行

           script:返回纯文本JavaScript代码

success:Function类型,请求成功后运行的回调函数

回调函数

function(data){

            参数: data  为服务器返回的数据,可能是jsonObj、html、text、xmlDoc等

}

参考链接: https://www.cnblogs.com/zhangmingcheng/p/5604659.html

                   http://www.runoob.com/jquery/jquery-ref-ajax.html

相关文章

网友评论

    本文标题:JS | jQuery.ajax() 函数使用

    本文链接:https://www.haomeiwen.com/subject/iopvgftx.html