Ajax中Get，Post应用实例，以及隐藏域的一种用法，以及Ajax中遍历数组(each)方法，以及js中动态添加html元素方法。

@w3school上搜索$.get或者$.post()即可。

1，下面是$.get的实例

--例子 1

请求 test.php 网页，传送2个参数，忽略返回值：

$.get("test.php", { name: "John", time: "2pm" } );

--例子 2

显示 test.php 返回值(HTML 或 XML，取决于返回值)：

$.get("test.php", function(data){
  alert("Data Loaded: " + data);
});

--例子 3

显示 test.cgi 返回值(HTML 或 XML，取决于返回值)，添加一组请求参数：

$.get("test.cgi", { name: "John", time: "2pm" },
  function(data){
    alert("Data Loaded: " + data);
  });

@下边是应用实例：
// $(document).ready()等于$()
$(function () {
$(".cascade_drop_down").change(
function () {

//隐藏域用法
//下边是获取当前对象的name的值，即为province，加上_next即为隐藏域的id和name值。
//这样拼的好处就是，即时改动了html中属性的值，这里也不用改动。面向对象设计。
var name = $(this).attr("name") + "_next"; //province_next
//获取隐藏域的值，即city，city是select元素(用来显示城市列表的元素)的name和id值，下边
//ajax回调函数中有用到此值。
var next = $("#" + name).val(); //city
//如果元素为空或为空字符串，返回
if (next == null || next == '') {
return;
}

//POST
$.post('../ashx/testliandongajax.ashx',
// 'name=' + name + '&val=' + $(this).val(),
'&val=' + $(this).val(),
// 接受数据格式,设置为json就不用转换了。设置为text就需要转换
function (msg) {
var msg2 = strToJson(msg);
$(".cascade_drop_down_city option").remove(); //移除，对象中的所有option元素
//index是索引号，item是索引号对应的存储对象。
//msg2是操作对象，例如这里msg2就是一个数组对象，操作的就是它，索引的也是它
$(msg2).each(function (index, item) {
$("#" + next).append("<option value='" + item.key + "'>" + item.value + "</option>");
});
}, 'text');
});

//转换字符串为json格式,两边括号可以不加，直接用eval转换
function strToJson(str) {
　　var json = eval('(' + str + ')');
　　return json;
}