双层ajax嵌套(可多层)用法实例_AJAX相关

本文实例讲述了双层ajax嵌套(可多层)用法。分享给大家供大家参考。具体如下:

function addbus()
{
  //清除a标签中的所有元素
  // $("#s1").remove();
  var chooseIdTypeOne =$("#chooseIdTypeOne2").find("option:selected").val();
  $.ajax({
  url : "/ftcms/changeProject.do?getOriginal&OriginalName="+chooseIdTypeOne,
  data : null, // 参数
  type : "post",
  cache : false,
  dataType : "json", //返回json数据
  error: function(){
  //document.getElementById("chooseIdTypeOnechdranone").options.length = 0;
  alert('error');
  },
  success:onchangecal
  });
  }
  function onchangecal(data){
  var chooseIdTypeOne =$("#chooseIdTypeOne2").find("option:selected").val();
   document.getElementById("chooseIdTypeOnechdranone2").options.length = 0; //清空原有的option
  var str="<option value='00000'>请选择</option>";
  if(chooseIdTypeOne==1){
  $.ajax({
  url : "/ftcms/changeProject.do?getOriginal&OriginalName="+chooseIdTypeOne,
  data : null, // 参数
  type : "post",
  cache : false,
  dataType : "json", //返回json数据
  error: function(){
  //document.getElementById("chooseIdTypeOnechdranone").options.length = 0;
  alert('error');
  },
  success:onchangecal
  });
  }
  }
  }
  if(chooseIdTypeOne==2){
  for(var i=0;i<data.length;i++){
   str+="<option value='"+data[i].UID+"'>"+data[i].NAME+"</option>"
  }
  }
  if(chooseIdTypeOne==3){
  for(var i=0;i<data.length;i++){
   str+="<option value='"+data[i].UID+"'>"+data[i].NAME+"</option>"
  }
  }
  if(chooseIdTypeOne==4){
  for(var i=0;i<data.length;i++){
   str+="<option value='"+data[i].UID+"'>"+data[i].NAME+"</option>"
  }
  }
  if(chooseIdTypeOne==5){
  for(var i=0;i<data.length;i++){
   str+="<option value='"+data[i].UID+"'>"+data[i].NAME+"</option>"
  }
  }
  if(chooseIdTypeOne==6){
  for(var i=0;i<data.length;i++){
   str+="<option value='"+data[i].UID+"'>"+data[i].NAME+"</option>"
  }
  }
  if(chooseIdTypeOne==7){
  for(var i=0;i<data.length;i++){
   str+="<option value='"+data[i].UID+"'>"+data[i].NAME+"</option>"
  }
  }
  if(chooseIdTypeOne==8){
  for(var i=0;i<data.length;i++){
   str+="<option value='"+data[i].UID+"'>"+data[i].NAME+"</option>"
  }
  }
  if(chooseIdTypeOne==9){
  for(var i=0;i<data.length;i++){
   str+="<option value='"+data[i].UID+"'>"+data[i].NAME+"</option>"
  }
  }
  if(chooseIdTypeOne==10){
  for(var i=0;i<data.length;i++){
   str+="<option value='"+data[i].UID+"'>"+data[i].NAME+"</option>"
  }
  }
  if(chooseIdTypeOne==11){
  for(var i=0;i<data.length;i++){
   str+="<option value='"+data[i].UID+"'>"+data[i].NAME+"</option>"
  }
  }
  if(chooseIdTypeOne==12){
  for(var i=0;i<data.length;i++){
   str+="<option value='"+data[i].UID+"'>"+data[i].NAME+"</option>"
  }
  }
  if(chooseIdTypeOne==13){
  for(var i=0;i<data.length;i++){
   str+="<option value='"+data[i].UID+"'>"+data[i].NAME+"</option>"
  }
  }
  $("#chooseIdTypeOnechdranone2").html(str);
}

希望本文所述对大家的Ajax程序设计有所帮助。

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索ajax
嵌套
页面嵌套 ajax实例、recyclerview多层嵌套、excel if函数嵌套多层、java解析多层嵌套json、fragment 多层嵌套,以便于您获取更多的相关知识。

时间: 2024-10-05 13:55:02

双层ajax嵌套(可多层)用法实例_AJAX相关的相关文章

AJAX和JSP混合使用方法实例_AJAX相关

首先要知道AJAX 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术. 什么是 AJAX ? AJAX = 异步 JavaScript 和 XML. AJAX即"Asynchronous Javascript And XML"(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术.AJAX 是一种用于创建快速动态网页的技术. 通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新.这意味着可以在不重新加载整个网页的情况下,对网页的某部分

关于ajax网络请求的封装实例_AJAX相关

实例代码: // 封装的ajax网络请求函数 // obj 是一个对象 function AJAX(obj){ //跨域请求 if (obj.dataType == "jsonp") { //在这里 callback 必须是全局变量 保证函数消失的时候 这个变量不可以被销毁 //处理一下函数名(防止多个网络请求 函数名字相同 出现紊乱的情况) var hehe = "callBack" + "_" + new Date().getTime() +

jQuery实现AJAX定时刷新局部页面实例_AJAX相关

方法一: 局部刷新我们讲述到最多的是ajax 了,当然也可以不使用ajax来刷新页面了,我们可以使用jquery中的append来给指定内容加东西了,当然最实用的还是ajax加载数据了. 例子,定时局部刷新 定时局部刷新用到jQuery里面的setInterval方法,setInterval方法两个参数,第一个是设置定时执行的函数名,第二个是时间,如下代码所示,设置每隔10微秒定时执行一次aa方法. <script> $(function(){ setInterval(aa,10); func

AJAX 用户注册时的应用实例_AJAX相关

如果我们用AJAX技术来实现以上的操作则不必等待服务器返回信息,用户输入用户名或企业名称的时候,当输入文本框失去焦点的时候,则会自动向服务器发出请求,用户继续做下面的操作,不必点击"检查",也不必等待服务器返回信息,检查与用户操作是异步的,可同时进行.当服务器信息返回的时候,会自动在面页相应位置显示返回信息,不必刷新页面,相当于局部刷新的效果. 下面我们来看代码吧. HTML页面的完整代码如下: 程序代码 <%@page language="java" con

双层ajax嵌套(可多层)用法实例

本文实例讲述了双层ajax嵌套(可多层)用法.分享给大家供大家参考.具体如下: function addbus() { //清除a标签中的所有元素 // $("#s1").remove(); var chooseIdTypeOne =$("#chooseIdTypeOne2").find("option:selected").val(); $.ajax({ url : "/ftcms/changeProject.do?getOrigin

jQuery中ajax的get()方法用法实例_jquery

本文实例讲述了jQuery中ajax的get()方法用法.分享给大家供大家参考.具体分析如下: $.get()通过 HTTP GET请求从服务器上请求数据. 语法结构: 复制代码 代码如下: $.get(url, [data], [callback], [type]); 参数解析: 1.URL:必须,规定请求的URL. 2.data:可选,待发送 Key/value 参数. 3.callback:可选,请求成功后所执行的回调函数. 4.type:可选,返回内容格式,xml, html, scri

jQuery中ajax的load()方法用法实例_jquery

本文实例讲述了jQuery中ajax的load()方法用法.分享给大家供大家参考.具体分析如下: 此函数jQuery中简单而功能强大的ajax方法. 它可以从服务器加载内容,然后写入匹配元素.语法结构: 复制代码 代码如下: $(selector).load(URL,data,callback); 参数解析: 1.selector:一个选择器,可以将内容加载到此选择器匹配的元素中. 2.URL:必须,需要加载的一个url地址. 3.data:可选,与请求一同发送的查询字符串键/值对集合. 4.c

Ajax带提示的验证表单实例_AJAX相关

本文实例讲述了Ajax带提示的验证表单.分享给大家供大家参考.具体如下: 这是一个常用的Ajax表单验证程序,实时提示你输入的字符是否符合要求,简洁明快,便于修改,这是用JavaScript实现的,没有掺杂其它的框架类代码,因此比较实用. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-ajax-table-check-codes/ 具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.

使用HTML5中postMessage知识点解决Ajax中POST跨域问题_AJAX相关

由于同源策略的限制,Javascript存在跨域通信的问题,典型的跨域问题有iframe与父级的通信等.常规的几种解决方法: (1) document.domain+iframe: (2) 动态创建script: (3) iframe+location.hash: (4) flash. postMessage是HTML5为解决js跨域问题而引入的新的API,允许多个iframe/window跨域通信. HTML5中提供了在网页文档之间相互接收与发送信息的功能.使用这个功能,只要获取到网页所在窗口