jquery ajax简单应用

ajax:在不更新整个页面的前提下维护数据

1、前端页面引入jquery
<head>
	<script  src="js/jquery-3.3.1.min.js"></script>
</head>
2、jquery封装的ajax三种写法:
(1)、$.ajax()
基本格式:
$.ajax({
    url: "",//请求地址
    type: "",//请求方式:post、get
    data: {"键":},//传输数据:键值对
    datatype: "",回传数据类型//text、xml、html、json
    success: callback,//成功后的回调函数
    error: function () { //发生错误、异常
    }
});
注意事项:
1.每一个属性都为键值对形式,属性与值之间必须加英文冒号!
2.除最后一个属性后面以外,其他属性结束后要添加英文逗号作为结束!
3.url、type、data、datatype、success为必备属性,缺一不可!
4.$.ajax()方式对属性无顺序要求,可任意排列!
(2)、$.get()
基本格式
$.get(
    "url",//请求地址
    {"键":},//传输数据:键值对
    function (data) { //成功后的回调函数(返回值)
    },
    "datatype");//回传数据类型//text、xml、html、json
(3)、$.post()
基本格式
$.post(
    "url",//请求地址
    {"键":},//传输数据:键值对
    function (data) { //成功后的回调函数(返回值)
    },
    "datatype");//回传数据类型//text、xml、html、json
注意事项:
$.get ()、$.post 是对$.ajax({})两种请求方式的简写,但是这两种写法严格 要求属性顺序
3.返回值类型简单区别

Text:返回纯文本字符串
Html:返回HTML格式信息
Script:返回纯文本 JavaScript 代码
Xml:返回xml格式文件
Json:json格式数据
Jsonp:跨域数据交互协议

细节参见:http://www.w3school.com.cn/jquery/ajax_ajax.asp
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值