分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 代码编程

ajax使用

发布时间:2023-09-06 02:28责任编辑:胡小海关键词:暂无标签

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使用

原文地址:https://www.cnblogs.com/redirect/p/10208288.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved