AJax技术

jQuery 学习第五课 Ajax 使用说明(2)

字号+ 作者:H5之家 来源:H5之家 2017-01-19 16:06 我要评论( )

function LoadAmount(game, server) { $.getJSON('FastBuy.ashx', {Game:game,Server:server}, function(data) { var sel = $('#SelectAmount')[0]; sel.innerHTML = ; $.each(data, function(entryIndex, entry) {


function LoadAmount(game, server) {
$.getJSON('FastBuy.ashx', {Game:game,Server:server}, function(data) {
var sel = $('#SelectAmount')[0];
sel.innerHTML = "";
$.each(data, function(entryIndex, entry) {
var op = new Option(entry['AmountAttr'], entry['ID']);
sel.options.add(op);
});
});
}


最后是加载Amount,这里稍微有一点不同,此时data中的数据不是简单的字符串了,而是一个有属性的对象,可以用entry[‘ID‘]这样的表达式来获取表达式。在这个例子中,entry[‘ID‘]就是一个简单的数字了。当然它完全可以是另一个复杂的对象或者数组,依服务器返回的JSON数据而定。
有了这些准备工作,我们只要在ready函数中为下拉列表注册下处理函数了:

代码如下:


$(document).ready(function() {
$('#SelectServer').change(function() {
LoadAmount($('#SelectGame').val(), $('#SelectServer').val());
});
$('#SelectGame').change(function() {
LoadServer($('#SelectGame').val());
});
LoadGame();
});


至此,一个三级联动下拉单完成了。
jQuery还有一个$.post函数,用法和get一样,只是它发起的是post请求。

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • jquery学习笔记 Ajax

    jquery学习笔记 Ajax

    2017-01-19 16:08

  • 《VTC.Ajax-LinGiSO 教程》(VTC.Ajax-LinGiSO)[Bin]

    《VTC.Ajax-LinGiSO 教程》(VTC.Ajax-LinGiSO)[Bin]

    2017-01-18 16:00

  • Ajax的get请求在IE浏览器中乱码有关问题的解决方案

    Ajax的get请求在IE浏览器中乱码有关问题的解决方案

    2017-01-17 16:01

  • PHP浅析AJAX技术的使用方法

    PHP浅析AJAX技术的使用方法

    2017-01-17 16:00

网友点评
/