.Net中用js實現無重新整理類似ajax功能(例)

iDotNetSpace發表於2009-07-14
JS

隨筆簡介:記錄自己的學習,免得以後遺忘,測試環境vs2008,sql2005

1.為了測試,1個2個頁面,其中service.aspx為提供服務頁面,default.apx為介面頁面

2.前一篇隨筆已經做過太多介紹了,所以這只是自己根據前面所學的,做一個簡單實現

3.就一點程式碼,執行無問題

4.service.aspx程式碼

  

//前臺
@ Page Language="C#" AutoEventWireup="true" CodeBehind="service.aspx.cs" Inherits="WebApplication1.serv" %>

 

 

.Net中用js實現無重新整理類似ajax功能(例)
//後臺
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Data.Sql;
using System.Data.SqlClient;
using System.Collections;
using System.Data;


namespace WebApplication1
{
    public partial class serv : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {

            string id = Request.QueryString["Id"];
            SqlConnection con = new SqlConnection();
            string s ="Data Source=GMSOFT-0ZEME6EL;Initial Catalog=Northwind;Persist Security Info=True;User ID=sa;Password=sa";
            con.ConnectionString = s;
            con.Open();
            string sql = "select * from orders where shipvia=3 and employeeid="+id;
            SqlDataAdapter da = new SqlDataAdapter(sql,con);
            DataSet ds=new DataSet();
            da.Fill(ds);
            con.Close();
            string xml = "";
            DataTable dt = ds.Tables[0];
            foreach (DataRow row in dt.Rows) 
            {
                xml += "";
                xml += "" + row["OrderId"] + "";
                xml += "" + row["EmployeeId"] + "";
                xml += "" + row["CustomerId"] + "";
                xml += "";
            } 
            xml += "";
            
            Response.ClearContent(); 
            Response.Cache.SetNoStore(); 
            Response.ContentType = "text/xml"; 
            Response.ContentEncoding = System.Text.Encoding.UTF8; 
            Response.Write(xml);


        }
        
    }
}

 

5.default.aspx只有前臺程式碼,後臺無

 

.Net中用js實現無重新整理類似ajax功能(例)
@ Page Language="C#" AutoEventWireup="true" CodeBehind="default.aspx.cs" Inherits="WebApplication1.fb" %>

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 runat="server">
    <title>title>
 <script language="javascript">
    var xmlHttp;
    function SetBList() {    
    var avalue = document.getElementById("AList").value;    
    var url = "service.aspx?id=" + avalue;    
    createXMLHttpRequest();  // 建立xmlHttp物件    
    xmlHttp.onreadystatechange = handleStateChange;  // 當xmlHttp狀態碼發生改變時，呼叫handleStateChage方法    
    xmlHttp.open("GET", url, true);   // GET方法傳送請求    
    xmlHttp.send(null);
    }
    function createXMLHttpRequest() 
    {    // IE    
    if (window.ActiveXObject){       
    xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");    
    }     // Mozilla    
    else if (window.XMLHttpRequest) 
    {        
    xmlHttp = new XMLHttpRequest();    
    }
    }
    function handleStateChange() 
    {    
       if(xmlHttp.readyState == 4) 
       {
           if (xmlHttp.status == 200) {


               var tag=xmlHttp.responseXML.getElementsByTagName("Order");
               var orderId = tag[0].getElementsByTagName("OrderId")[0].text;
               var gustomerId = tag[0].getElementsByTagName("CustomerId")[0].text;
               document.getElementById("orderId").innerText = orderId;
               document.getElementById("customerId").innerText = gustomerId;


               
       }    
       }
    }
    
script>
head>
<body>    
<form id="Form1" method="post" runat="server">
<div>javascript實現前臺無重新整理div>
請選擇僱員編號：   
<select id="AList" onchange="SetBList()">        
<option value="7">7option>
<option value="3">3option>
<option value="5">5option>        
select>&nbsp;
訂單編號：<asp:TextBox ID="orderId" runat="server">asp:TextBox>
顧客姓名：<asp:TextBox ID="customerId" runat="server">asp:TextBox>
form> 
body>
html>

來自 “ ITPUB部落格 ” ，連結：http://blog.itpub.net/12639172/viewspace-609080/，如需轉載，請註明出處，否則將追究法律責任。

相關文章