当前位置:网站首页 > R语言数据分析 > 正文

jquery实现post异步请求

1.语法 jQuery.post(url,data,success(data, textStatus, jqXHR),dataType)

$("#vkmid").change(function(){ var url = $url = $(this).data('url'); var mid = $(this).val(); $.post(url,{mid:mid},function(rs){ var data = rs.category; var data1 = rs.controllist; if(data) { jQuery("#catid").empty(); // alert(data.length); if(data.length > 0) { // jQuery("<option value=0>请选择</option>").appendTo(jQuery("#catid")); jQuery("<option value=0>选择栏目</option>").appendTo(jQuery("#catid")); jQuery.each(data,function(idx,item) { jQuery("<option value="+item.cid+">"+item.cid+" | "+item.cname+" | "+item.ccaption+"</option>").appendTo(jQuery("#catid")); }); } else { jQuery("<option value=0>无栏目</option>").appendTo(jQuery("#catid")); } } else { jQuery("#catid").empty(); jQuery("<option value='0'>请选择</option>").appendTo(jQuery("#catid")); } if(data1) { jQuery("#conid").empty(); // alert(data1.length); if(data1.length > 0) { // jQuery("<option value=0>请选择</option>").appendTo(jQuery("#conid")); jQuery("<option value=0>选择功能</option>").appendTo(jQuery("#conid")); jQuery.each(data1,function(idx,item) { jQuery("<option value="+item.cid+">"+item.cid+" | "+item.cname+" | "+item.ccaption+"</option>").appendTo(jQuery("#conid")); }); } else { jQuery("<option value=0>无功能</option>").appendTo(jQuery("#conid")); } } else { jQuery("<option value='0'>请选择</option>").appendTo(jQuery("#conid")); } }) }) })

核心思想:post带参数请求url地址,返回过来一个json的对象,获取容器父级的id,通过删除元素里面的内容再动态拼接来实现局部刷新。


到此这篇jquery实现post异步请求的文章就介绍到这了,更多相关内容请继续浏览下面的相关推荐文章,希望大家都能在编程的领域有一番成就!

版权声明


相关文章:

  • codeIgniter手动加载config里面的配置2024-12-01 21:54:05
  • Macbook pro下面安装Apcahe Tomcat2024-12-01 21:54:05
  • spring 配置c3p0出的问题!2024-12-01 21:54:05
  • eclipse导出的包在服务上访问不了Servlet2024-12-01 21:54:05
  • 阿里云centos7安装redis全过程记录2024-12-01 21:54:05
  • struts2入门简单案例2024-12-01 21:54:05
  • route和router路由的写法——currentRoute、useRouter、useRoute、getCurrentInstance-proxy获取组件实例的用法2024-12-01 21:54:05
  • props的几种写法——defineProps定义props、toRefs接收props、computed中get和set写法、watch深度监听immediate-true2024-12-01 21:54:05
  • 登录和注册(四)重新修改密码页——清除session之sessionStorage.removeItem2024-12-01 21:54:05
  • 登录和注册(二)注册成功提示页——邮箱注册和手机注册 & 定时setInterval和clearInterval & router.push & 原生请求写法http.post & public引图片2024-12-01 21:54:05
  • 全屏图片