使用JQuery獲取頁面的問題？

Question

我有一個兩個aspx文件，其中一個是Default.aspx，另一個是Insert.aspx。

Insert.aspx需要兩個名爲firstname和lastname的參數，並將這些值保存到數據庫中，並寫入一個歡迎消息，如「歡迎John Stinger」。 Default.aspx包含一個簡單的表單，兩個文本框和一個按鈕（txtFname，txtLname，btnInsert）以及一個顯示消息的div。

我寫了jQuery代碼Default.aspx中：

<script type="text/javascript"> 
    $(document).ready(function() { 
    $('#btnInsert').click(function() { 
     $.ajax({ 
     contentType: "text/html; charset=utf-8", 
     data: "firstname=" + $('#txtFname').val() + "&lastname=" +$("#txtLname").val(), 
     url: "Insert.aspx", 
     dataType: "html", 
     success: function(data) { 
      $("#message").html(data); 
     } 
     }); 
    }); 
    }); 
</script> 

我想Insert.aspx頁面並將其加載到#message格但我不能得到的頁面。我能做什麼？

謝謝..

Answer 1

你的代碼似乎是好的，因爲塞薩爾說你調試得當......

確保所有關鍵領域的作品，就像

button click tiggered？

ajax調用成功完成？

正確獲取文本框的值？

您的插入是否成功？等等......

我想解釋給更多的，因爲你是新來的（我太:-)）

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('#btnInsert').click(function() { 
      alert("Clicked"); // button clicked 
      $.ajax({ 
       contentType: "text/html; charset=utf-8", 
       data: "firstname=" + $('#txtFname').val() + "&lastname=" + $("#txtLname").val(), 
       url: "Insert.aspx", 
       dataType: "html", 
       success: function(data) { 
        alert("Success..."); // Ajax call completed successfully 
        alert(data); 
        $("#message").html(data); 
       } 
      }); 
      return false; // you don't want to current page postback!!! 
     }); 
    }); 

我已經在你的代碼添加了一些警示，你的代碼是好的，如果所有彈出...

請更改您Insert.aspx.cs代碼如下

protected void Page_Load(object sender, EventArgs e) 
    { 
     //code to validate inputs and to insert 
     Response.Write("success"); // your message 
     Response.End(); // to flush the buffer 
    } 

如前所述

讓我知道它是否幫助你或不...

乾杯

Answer 2

<script type="text/javascript"> 
    $(document).ready(function() { 
    $('#btnInsert').click(function() { 
     $("#message").load("Insert.aspx", { firstname : $('#txtFname').val(), lastname : $("#txtLname").val() }); 
    }); 
    }); 
</script> 

查看更多：http://docs.jquery.com/Ajax/load#urldatacallback