如何通过jQuery发送AJAX?
如何通过jQuery发送AJAX?
切图仔
发布于 2022-09-08 15:12:44
发布于 2022-09-08 15:12:44
代码可运行
运行总次数：0
代码可运行
底层封装
调用方法：$.ajax({})
常用参数
async:异步与同步(true/false(默认true异步))
type:请求方式http(默认get)
url:请求地址
success:回调函数
dataType:服务器返回的数据类型(text/xml/json)
Cache:是否缓存(true/false()),默认缓存
contentType:发生请求时的内容编码类型(application/x-www-form-urlencoded)
Data:字符串，发生请求的数据
$.ajax({
url:'1.php',
type:'get',
async:'true',
dataType:'json',
success:function(msg){
console.log(msg)
//自动将json数据转换为js对象
}
})2.ajax高层封装(只能发送异步请求)
2.1$.get(地址，回调函数，返回数据类型)
2.2$.post('地址',{id:1,name:34},回调函数，返回数据类型)
跨域（没有post请求） 通过jsonp 在域名下通过js获取另一个域名下的资源 1.底层封装的jsonp跨域请求技术
$.ajax({
url:'http://www.jsonp.com/?callback=?',
//callback=回调函数
dataType:'jsonp',
success:function(msf){
console.log(msf)
}
})<?php
$arr = ['name'=>'tzh'];
$str = json_encode($arr);
echo $_GET['callback']."($str)";2.高层封装
$.get('http://www?callback=?',function,jsonp)3.jq专门的跨域请求
$.getJSON('地址','回调函数')本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
原始发表：2020-04-23 ，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
腾讯云开发者
