السلام عليكم ورحمة الله وبركاته
كنت عايز اعرف ازاي اقدر اعمل Refresh ل Gridview عن طريق استخدام WebService و JavaScript
انا فعلا عملتها وهي شغاله تمام WebService بتعمل Insert وبعدين بتعمل Get للصفحة بس برده مش بتعمل ريفريش لGridview
ده الكود
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title>ASP.NET AJAX</title>
<script language="Javascript" type="text/javascript">
var f1;
function Call(f)
{
f1=f;
callService(f1);
ShowGrid();
window.Reload();
}
function callService(f1) {
WebService.GetVoucher(
f1.elements["name"].value,
callComplete,
callError);
}
function callComplete(result) {
f1.elements["name"].value=result;
//f1.getElementsById["myDiv"].innerHtml="<B>" + result +"</B>";
}
function callError(result) {
f1.elements["name"].value=("Error! " + result);
}
//------------------------------------
function getXMLHTTP() {
var XMLHTTP = null;
if (window.ActiveXObject) {
try {
XMLHTTP = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
XMLHTTP = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e) {
}
}
} else if (window.XMLHttpRequest) {
try {
XMLHTTP = new XMLHttpRequest();
}
catch (e)
{
}
}
return XMLHTTP;
}
var XMLHTTP;
function go()
{
XMLHTTP = getXMLHTTP();
if (XMLHTTP != null)
{
XMLHTTP.open("GET", "Default.aspx?sendData=ok",true);
XMLHTTP.onreadystatechange = stateChanged;
XMLHTTP.send(null);
}
}
function stateChanged() {
if (XMLHTTP.readyState == 4 &&
XMLHTTP.status == 200) {
XMLHTTP.open("GET", "Default.aspx?sendData=ok",true);
}
}
function ShowGrid()
{
var ajaxRequest; // The variable that makes Ajax possible!
var strXml;
strXml = '<params><Operation>Save</Operation>';
ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
//strXml = '<params><Operation>Save</Operation><Name>'+ strName +'</Name><Age>'+ intAge +'</Age></params>';
ajaxRequest.open("POST", "Default.aspx",true);
ajaxRequest.send(strXml);
if(ajaxRequest.readyState == 200){
//res.innerHTML = ajaxRequest.responseText;
}
return false;
}
</script>
</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager
ID="ScriptManager1"
runat="server">
<Services>
<asp:ServiceReference Path="WebService.asmx" />
</Services>
</asp:ScriptManager>
<div>
<input type="text" id="name" name="name" onchange="Call(this.form);" />
<input type="button" value="Call Service" onclick="callService(this.form);" />
<div id="myDiv" style="width: 100px; height: 100px">
</div>
<br />
<asp:GridView ID="GridView1" runat="server">
</asp:GridView>
</div>
</form>
</body>
</html>
<%@ Page Language="VB" AutoEventWireup="true" CodeFile="Default.aspx.vb" Inherits="_Default" %>
In Page Load
Dim str As String = "select * from Tst"
Dim tbl As New DataTable
Dim da As New SqlDataAdapter(str, con)
da.Fill(tbl)
GridView1.DataSource = tbl
GridView1.DataBind()
Dim con As New SqlConnection("Persist Security Info=False;User ID=sa;pwd=password;Initial Catalog=aaa;Data Source=M_F")
