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