使用jQuery的ajax功能简单示例

做了一个小小的项目，其中一个功能是：从前台页面的控件获得用户的新密码，比较一致后，使用$.post给后台的changePwd.aspx页面，changePwd页面保存到数据库，然后返回一个json串【{savePwd: password}】，表示修改密码成功，前台收到这个json串后，使用$.each 显示给用户。

 

前台的js函数：

 function postNewPwd() {

           if ($("#secondPwd").val().length < 2 ||$("#firstPwd").val().length < 2) {

                alert("密码不能太短！");

                return false;

           }

 

           if ($("#firstPwd").val() != $("#secondPwd").val()) {

                alert("两次输入的密码不一致！");

                return false;

           }

 

           $.post("changePwd.aspx", { 'newPwd':$("#secondPwd").val() },    // 将新密码作为newPwd的值，组合成json串post给后台页面

                function (data) {

                  $.each(data, function (key, val) {

                   alert( "请记住，您的新密码是："+val );

                });

           }, 'json');

       }

后台changePwd.aspx页面的功能（在page_load方法中书写即可）：

 

string newPwd =System.Web.HttpUtility.UrlDecode(Request["newPwd"]);  // 接收ajax过来的新密码

/***** 处理代码  *******/

string returnStr ="{\"savePwd\":" + newPwd.Trim() + "}";

Response.ContentType ="text/json";              // 注意这一句，返回的是json格式

Response.Write(returnStr);