Jquery:Ajax1

<script src="/js/jquery-1.4.min.js" type="text/javascript"></script> 

<script type="text/javascript">    

 function ExtBjax(pmts) { 
  var ajaxval = null; 
  var params = "ajax=true&"+pmts; //URL参量 
  $.ajax({ 
  url: 'do.aspx', //接收页面 
  type: 'post', //POST方式发送数值 
  async: false, //ajax同步 
  data: params, 
  success: function(msg) { 
  ajaxval = msg; 
  } 
  }); 
  return ajaxval; 
  } 
  //使用方法: 
  var url="username=it&mail=it@qq.com"; 
  var result=null;   

 function doAjax() {       

 result = ExtBjax("op=1"); 

   //alert(result);     

   $(id).append(result);//操作返回结果 

   }

 //alert(result); //alert一下成果显示   

  </script>

而在接收页面(do.aspx)的pageload事件里

Request得到传过来的参数,关处理。Response回去

比如我们处理菜单联动。可以将数据丛数据库中读出来,比如ID为1表示苏州,2:南京 ,3为无锡

我们可以将字符串拼装成1.苏州|2.南京|3.无锡

<input type="text" id="txtClassID" />

<select id="selClass" size="4" onchange="getID();"></select>

</script>//引入jQuery

<script language="javascript" type="text/javascript">   

 var s = "1.苏州|2.南京|3.无锡";//假定这是通过AJAX回传过来的数据  

  var arr = new Array(); //定义第一个数组存放ID和NAME  

  arr = s.split("|");     //通过string.split来截断字符串转换成数组   

 var opStr = "";         //这是要加入下拉框的HTML    

//alert(2);   

 for (var i = 0; i < arr.length; i++) {     

   var cls = new Array();     //定义一个数组      

  cls = arr[i].split(".", 2); //把ID,NAME分离。   

     opStr = opStr + "<option value='"+cls[0]+"'>" + cls[1] + "</option>";    }  

  //alert(opStr);   

 $("#selClass").html(opStr);   

 //alert(1)   

//select onchange事件调用的方法

 function getID() {   

  $("#txtClassID").val($("#selClass").val());      

  alert(2);   

 }

</script>

好了一个联动功能 的菜单就这样OK了,其实做的还有所欠缺,有高手可以给点建议%

posted on 2010-09-29 16:17  我叫三炮  阅读(344)  评论(0编辑  收藏  举报

导航