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表单提交和重置小结
文章分类
css
elasticsearch
git
golang
guacamole
javascript
letsencrypt
linux
nginx
other
php
python
vue
web
阅读排行
golang笔记---关联数组(map)
letsencrypt证书-管理工具certbot
centos7.3配置guacamole
golang笔记---template模板语法
nginx笔记-proxy_cache缓存详解
友情链接
node文件
laravel-vue
ArcherWong的博客园