使用 jquery 操作 AJAX

$obj.load(url[,data] [,callback])

作用:远程加载数据并加载到 $obj 元素中
url:远程请求的地址
data:要传递的参数
callback:请求和响应完成之后的回调函数

function(resText, statusText){
    resText: 响应回来的文本;
    statusText: 响应回来的状态文本
}

注意:
1.字符串拼参数,采用 get 方式发送请求
2.使用JSON格式拼参数,采用 post 方式发送请求

$obj.get(url[,data] [,callback], [, type])

作用:使用get方式
url:远程请求的地址
data:要传递的参数(可选)
callback:请求和响应完成之后的回调函数

function(resText){
    resText: 响应回来的文本;
}

type:响应回来的数据的数据类型
1.html: 响应回来的文本当成 HTML 文本处理
2.text:响应回来的文本当成 text 文本处理
3.json:响应回来的文本当成 JSON 处理(转换成 js 对象)

$obj.post(url[,data] [,callback], [, type])

用法同 $.get()

$.ajax()

语法

$.ajax({});
{}: 请求的相关参数;
1.url: 字符串,表示异步请求方式的地址;
2.type: 字符串,表示请求方式 get 或 post;
3.data: 传递到服务器的参数;
    可以是字符串: "uname=wang&age=30";
    可以是 json;
4.dataType: 字符串,表示服务器响应回来的数据的格式;
1.html 2.xml 3.text 4.script 5.json 6.jsonp: 跨域时使用;
5.async: 布尔类型,表示是否采用异步方式 true是异步
6.success: 回调函数,请求和响应成功后的操作
    function(data){} data 表示响应回来的数据
7.error: 回调函数,请求或响应失败时要回来执行的操作
8.beforeSend: 回调函数,发送ajax请求之前要执行的操作 
如果 return false 则表示终止发送请求
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 136,488评论 19 139
  • Spring Web MVC Spring Web MVC 是包含在 Spring 框架中的 Web 框架,建立于...
    Hsinwong阅读 22,929评论 1 92
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 28,730评论 1 45
  • https://nodejs.org/api/documentation.html 工具模块 Assert 测试 ...
    KeKeMars阅读 6,595评论 0 6
  • 电影都看了好些天了,还是觉得应该要写点什么东西,不然就对不住脑海中不断循环播放的电影画面和旋律了。《我的少女时代》...
    钟洁玉阅读 254评论 0 0

友情链接更多精彩内容