ASP.NET Ajax和Jquery Ajax实例

在图书信息管理系统中，用到了Ajax和JQueryAjax，算是都体验了一把。刚开始用的时候很陌生，迟迟不敢下手。但是不动手什么时候也成功不了，就上网找例子，照着敲吧。当然，中间也遇到了一些小的错误，最终还是成功了。

Ajax

AJAX即“AsynchronousJavascript And XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。通过在后台与服务器进行少量数据交换，Ajax可以使网页实现异步更新，这意味着可以在不重新加载整个网页的情况下对网页的某部分进行更新。

下面做了Ajax的demo

JS代码

HTML部分代码

服务器端代码

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

namespace 图书管理系统demo
{
    public partial class ajax : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            //string.IsNullOrEmpty("string")来判断string是否为null或者空，是空或Null返回true
            if (! string.IsNullOrEmpty(Request.QueryString["haha"]) )
            {
                Response.Write(Request.QueryString["haha"]);   //输出要输出的内容
                Response.End(); //提示输出，要不然会输出整个html
            }

        }
    }
}

JQuery Ajax

编写常规的Ajax代码并不容易，因为不同的浏览器对Ajax的实现并不相同。这意味着必须编写额外的代码对浏览器进行测试。不过，JQuery团队为我们解决了这个难题，我们只需要一行简单的代码，就可以实现Ajax功能。

JQuery Ajax的demo

js代码

    
    <%-- 用jquery的时候一定要记得加引用 --%>
    
   

HTML部分代码

服务器端代码

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

namespace 图书管理系统demo
{
    public partial class ajax : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {

            if (! string.IsNullOrEmpty(Request.QueryString["soso"]))
            {
                Response.Write(Request.Form["chuandi"]);
                Response.End();
            }
        }
    }
}

总结：现在还只是限于运用，对于理论知识还有很多的欠缺。还需要不断的学习。在学习这方面知识的时候，参考了很多例子。有一个网站做的额很不错，里面有很多的例子，在这里推荐一下：http://www.w3school.com.cn/