【免费】AjaxifyasimpleHTMLpageusingawebservice资源-CSDN文库

共15个文件

cs：3个

ascx：2个

xml：2个

webservice

需积分: 0 100 浏览量 2008-10-16 11:44:56 上传评论收藏 88KB ZIP 举报

资源详情

资源评论

资源推荐

收起资源包目录

Ajaxify a simple HTML page using a web service.zip （15个子文件）

AjaxWebService

GridView.ascx 680B

Web.Config 2KB

App_Data

CustomerData.xml 19KB

Default.aspx 446B

Default.aspx.cs 380B

InsertData.ascx.cs 415B

GetWebControl.asmx 3KB

InsertData.ascx 1KB

GridView.ascx.cs 826B

json.js 11KB

Ajaxed.htm 4KB

Bin

Newtonsoft.Json.dll 72KB

Newtonsoft.Json.pdb 170KB

Newtonsoft.Json.XML 49KB

Newtonsoft.Json.dll.refresh 124B

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>Ajaxed</title> <style type="text/css"> .MyBody { background-color:Gray; } .Hidden { display:none; } .InsertVisible { display:block; width:300px; width:300px; position:absolute; left:200px; top:200px; zindex:2; } .cover { background-color: #ffffff; /* the background */ filter:alpha(opacity=50); /* Internet Explorer */ -moz-opacity:0.5; /* Mozilla 1.6 and below */ opacity: 0.5; /* newer Mozilla and CSS-3 */ width:100%; height:4000px; position:absolute; left:0px; top:0px; zindex:1; } </style> <script type="text/javascript" src="json.js" ></script> <script type="text/javascript"> //send request to web service function SendRequest(url, params) { // Add some parameters to the query string var pageUrl = url ; // Initialize the XmlHttpRequest object var xmlRequest, e; try { xmlRequest = new XMLHttpRequest(); } catch(e) { try { xmlRequest = new ActiveXObject("Microsoft.XMLHTTP"); } catch(e) {alert(e); } } // Prepare for a POST synchronous request xmlRequest.open("POST", pageUrl, false); xmlRequest.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); xmlRequest.send("param=" + params); if (xmlRequest.readyState != 4) return; if (xmlRequest.status == 200) { } else { alert(xmlRequest.responseText); } return xmlRequest; } //package the contact data into an object // serialize it to a json string and send it to the webservice function InsertRow() { var TextBoxCompanyName=document.getElementById("TextBoxCompanyName"); var TextBoxContactName=document.getElementById("TextBoxContactName"); var TextBoxContactTitle=document.getElementById("TextBoxContactTitle"); var Contact=new Object(); Contact.CompanyName=TextBoxCompanyName.value; Contact.ContactName=TextBoxContactName.value; Contact.ContactTitle=TextBoxContactTitle.value; var sContact = Contact.toJSONString(); SendRequest("GetWebControl.asmx/InsertDataRow",sContact); // reload the GridView Control LoadGridView(); // Hide the insert row document.getElementById("InsertWindow").className="Hidden"; document.getElementById("cover").className="Hidden"; } // cancel the insert window function Cancel() { document.getElementById("InsertWindow").className="Hidden"; document.getElementById("cover").className="Hidden"; } // send request // show the insert data dialog function ShowInsertForm() { var xml=SendRequest("GetWebControl.asmx/GetMyWebControl","InsertData.ascx"); document.getElementById("InsertWindow").innerHTML=GetXMLDOMContents(xml.responseXML.documentElement); document.getElementById("InsertWindow").className="InsertVisible"; document.getElementById("cover").className="cover"; } function GetXMLDOMContents(DOM) { if(DOM.text) { return DOM.text; } else { //FireFox uses a different name for this property return DOM.textContent; } } // Load the gridview control function LoadGridView() { // Prepare for a POST synchronous request var xml=SendRequest("GetWebControl.asmx/GetMyWebControl","GridView.ascx"); document.getElementById("MyFirstDiv").innerHTML=GetXMLDOMContents(xml.responseXML.documentElement); } </script> </head> <body id="MyBody" style=""> <input id="Button1" type="button" value="Insert Row" language="javascript" onclick="return ShowInsertForm()" /> <div id="cover" class="Hidden" >&nbsp</div> <div id="InsertWindow" class="Hidden" >&nbsp</div> <div id="MyFirstDiv" >&nbsp</div> <script type="text/javascript"> LoadGridView(); </script> </body> </html>