提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  前端

当前栏目

如何通过jQuery发送AJAX?

jQueryAJAX 如何 通过 发送
2023-06-13 09:12:14 时间

底层封装

调用方法：$.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('地址','回调函数')

相关文章