ajax 傳值，Ajax: Asynchoronous Javascript and xml (非同步js和xml). 非同步重新整理，非同步傳遞.替代表單提交資料，回呼函數處理返回的資料

最後更新：2015-08-02 來源：互聯網

上載者：User

創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

標籤：

aspx裡的代碼

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %><!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>    <title></title>    <style type="text/css">        #Password1 {            height: 15px;        }        #Text1 {            height: 15px;        }    </style></head><body>    <form id="form1" runat="server">    <div>               使用者名稱:&nbsp;&nbsp;&nbsp; <input id="Text1" type="text"/><asp:Label ID="Label1" runat="server" Text=""></asp:Label>        <br />        密碼：&nbsp; &nbsp;&nbsp; <input id="Password1" type="password"/><br />        <br />               <input id="Button1" type="button" value="button" /><br />      </div>    </form></body></html><script src="jquery-1.11.2.min.js" type="text/javascript"></script><script>    //當頁面準備好之後再去觸發function函數    $(document).ready(function () {        $("#Text1").blur(function () {     //擷取文字框的值並觸發blur焦點離開事件，用Ajax把值傳輸出去，並接受，然後通過值來改變樣式            var txt = $(this).val();  //擷取文字框的值            //擷取值之後用ajax發送出去            $.ajax({                                       //ajax的一個方法                url: "Default2.aspx",              //要發送的地址                type: "POST",                          //要發送的方式                data: { uid: txt },                         //要傳的值。相當於Default2.aspx？uid=txt，必須通過data來傳值.querystring的傳值資料值                //開始接受返回資料                datatype: "xml",                          //接受傳回值類型，為xml格式                success: function (data)           //執行回呼函數，data就是返回的資料                {                    //var a = $(data).find("count").val();   //從data裡找count標籤,並擷取到他的文本.這個方法擷取不到，用下面的那種方法                    var a = $(data).text();                                    var b = $("#Label1");                    if (parseInt (a) == 5) {                        b.text("使用者名稱可以使用");                        //$("#Label1").html("使用者名稱可以使用");                    }                    else {                        b.text = "使用者名稱不能使用";                   }                }            });        });    });</script>

axpx.cs裡的代碼

using System;using System.Collections.Generic;using System.Linq;using System.Web;using System.Web.UI;using System.Web.UI.WebControls;public partial class Default2 : System.Web.UI.Page{    protected void Page_Load(object sender, EventArgs e)    {        string uid = Request["uid"].ToString();        int count = 5;        //擷取uid的值後就可以進行查詢驗證        //用xml把值傳回Aajx，xml就是一對對的標籤        Response.Write("<?xml version=‘1.0‘?>");    //xml的格式        Response.Write("<count>"+count.ToString()+"</count>");   //這樣代碼就傳回去了，存在success裡data裡        Response.End();  //輸出後關掉    }}

ajax 傳值，Ajax: Asynchoronous Javascript and xml (非同步js和xml). 非同步重新整理，非同步傳遞.替代表單提交資料，回呼函數處理返回的資料

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More