ajax（jquery and javascript）

<script language="javascript" type="text/javascript">
        function SelectAll() {
    //获取GridView中全部input对象集合，“GridView.ClientID”是获得经服务器处理后经过更改的id
    var obj = document.getElementById("<%=GridView1.ClientID%>").getElementsByTagName("input");  //注意此处代码在本博文发布时，新浪博客会自动更改，请自行更改
 
    //遍历input对象，因为input对象类型type只有checkbox所以不用判断。i=1是要去掉表头的input对象
    for (var i = 1; i < obj.length; i++) {
        if (obj[i].checked == false) {
            obj[i].checked = true;
        }
        else {
            obj[i].checked = false;
        }
    }
    }
     
        var req; //定义变量，用来创建xmlhttprequest对象
        var param;
        var url; //要请求的服务端地址
        if(window.XMLHttpRequest) //非IE浏览器及IE7(7.0及以上版本)，用xmlhttprequest对象创建
        {
            req=new XMLHttpRequest();
        }
        else if(window.ActiveXObject) //IE(6.0及以下版本)浏览器用activexobject对象创建,如果用户浏览器禁用了ActiveX,可能会失败.
        {
            req=new ActiveXObject("Microsoft.XMLHttp");
        }
       
        function ajaxAddData() // 创建xmlhttprequest,ajax开始
        {
//            var test = "<%=Hello()%>";
//            alert(test);
            if(req) //成功创建xmlhttprequest
            {
                param="add";
                url="ajax.aspx?WorkerName="+document.getElementById("txtWorkerName").value+"&Type=add&WorkerSalay="+document.getElementById("txtWorkerSalary").value+"";
                req.open("GET",url,true); //与服务端建立连接(请求方式post或get，地址,true表示异步)
                req.onreadystatechange = ajaxcallback; //指定回调函数
                req.send(null); //发送请求
            }
        }
       
        function ajaxcallback() //回调函数，对服务端的响应处理，监视response状态
        {
            if(req.readystate==4) //请求状态为4表示成功
            {
                if(req.status==200) //http状态200表示OK
                {
                    Dispaly();
                }
                else //http返回状态失败
                {
                    alert("服务端返回状态" + req.statusText);
                }
            }
            else //请求状态还没有成功，页面等待
            {
                document.getElementById ("txtWorkerName").value ="数据加载中";
            }
        }
       
        function Dispaly() //接受服务端返回的数据，对其进行显示
        {
            document.getElementById ("txtWorkerName").value =req.responseText;
            document.getElementById("btnhidden").click();
        }
    </script>

 

<script language="javascript" type="text/javascript">
       $(document).ready(function(){
           $("#btnadd").click(function(){
           //var strurl="ajax.aspx?WorkerName="+$("#txtWorkerName").val()+"&WorkerSalay="+$("#txtWorkerSalary").val()+"&Type=add";
           $.ajax({
       type: "get",
       url: "ajax.aspx",
             data: { WorkerName: $("#txtWorkerName").val(), WorkerSalay: $("#txtWorkerSalary").val(),Type: "add" },
       beforeSend: function(XMLHttpRequest){
      $("#Label1").Value="正在进行中，请稍后...";
       },
       success: function(data, textStatus){
          alert(data);
          document.getElementById("btnHidden").click();
       $("#Label1").Value="操作成功！";
       },
  complete: function(XMLHttpRequest, textStatus){
   $("#Label1").Value="操作完成！";
  },
  error: function(){
   $("#Label1").Value="添加出错！";
  }
});

       });
             
});
    </script>

转载于:https://www.cnblogs.com/brotherzhuo/archive/2011/09/04/2166533.html