ajax使用-javascript-ArcherWong博客

ajax使用

作者：ArcherWong
分类：javascript
时间：2019-01-03 21:35:07
阅读：344

# 1. get请求

```
$.get(url  [,data]  [,function(msg){}回调函数]   [, dataType]);
```

- data:给服务器传递的数据，请求字符串 、json对象 都可以设置
- funtion(msg){}：回调函数，ajax成功请求后调用该函数，可以在此函数完成ajax的后续处理，msg泛指从服务器传递回来的信息
- dataType：服务器返回数据类型，html、text、xml、json

# 2. post请求
```
$.post(url   [,data]  [,fn回调函数]  [, dataType]);
```

该方法与$.get()方法使用完全一致，不同的是其为post方式请求
给服务器传递数据的时候，不需要设置header头

(以上两种ajax请求是异步的，如果需要设置同步请求，就换其他方法)
异步也就是不用等待

# 3. ajax方法

```
$.ajax({  //json对象
    url:请求地址,
    [data]:给服务器传递的数据(请求字符串/json对象)
    [dataType]:默认字符串返回信息，数据从服务器返回格式html、text、xml、json
    [type]:[get]/post请求方式
    [success]:function(msg){}  ajax成功请求后的回调函数，可以做后续处理使用
    msg泛指服务器返回来的信息
    相当于readyState==4的处理逻辑函数部分
    async:[true]异步/false同步，
    cache:[true]缓存/false不缓存,
})
```

以前遇到过使用ajax两层嵌套，这里放下代码，关键在于使用同步功能async:false,  默认是异步的
```
$.ajax({
    async:false,
    url:"geturl",
    data:{'test':test,'test1':test1}
    dataType:"json",
    type:"get",
    success:function(msg){
        $.ajax({
            url:"/spiderqueue/"+msg.url+"/"+msg.innerUrl,
            dataType:"json",
            type:"get",
            success:function(msg){
                $.each(msg,function(i,k){//追加所有的子<option>
                    $("#parent_item").append("<option value="+i+">"+k+"</option>");
                });
            }
        })
    }
})
```

标签：

上一篇：ajax上传文件

下一篇：form表单提交和重置小结

ajax使用

文章分类

阅读排行

友情链接