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了，其实做的还有所欠缺，有高手可以给点建议%

转载于:https://www.cnblogs.com/YoursLan/archive/2010/09/29/1838570.html