2012-07-24 68 views
0

Default3.aspx將數據插入表

這是我的第一頁。其中我有兩個文本框和一個提交按鈕,onclick提交按鈕調用Default4.aspx頁面,其中我寫了數據插入代碼。

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js"> 
    </script> 

    <script type="text/javascript"> 
$(function() { 
$("#add").click(function() { 

var login = $("#loginid").val(); 
var pass = $("#pass").val(); 
var dataString = 'login='+ login +'&pass='+pass; 

$("#flash").show(); 
$("#flash").fadeIn(400).html('<img src="ajax-loader.gif" align="absmiddle"> <span class="loading">Loading Comment...</span>'); 

$.ajax({ 
type: "POST", 
url: "Default4.aspx", 
data: dataString, 
cache: false, 
success: function(html){ 
$("#display").after(html); 
//document.getElementById('content').value=''; 
//document.getElementById('content').focus(); 
$("#flash").hide(); 
} 
}); 
return false; 
}); 
}); 
    </script> 

</head> 
<body> 
    <form name="frm_add" id="frm_add"> 
    <input type="text" name="loginid" id="loginid" /> 
    <input type="text" name="pass" id="pass" /> 
    <input type="submit" id="add" value="Submit" /> 
    <div id="flash"></div> 
<div id="display"></div> 
    </form> 
</body> 
</html> 

Default4.aspx

<%@ Import Namespace="System.Data.SqlClient" %> 

<!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>Untitled Page</title> 
</head> 
<body> 
    <% 
    Dim login, pass As String 
     login = Request.QueryString("login") 
     pass = Request.QueryString("pass") 
     Dim cs As String = ConfigurationManager.ConnectionStrings("eExamSolutionConnection").ConnectionString 
     Dim cn As New SqlConnection(cs) 
     Dim cmd As New SqlCommand 
     ' MsgBox(dob) 
     cmd.CommandText = "INSERT INTO ADMIN_CREDENTIAL VALUES ('" & login & "','" & pass & "')" 
     cmd.Connection = cn 
     cmd.Connection.Open() 
     cmd.ExecuteNonQuery() 
     cmd.Connection.Close() 
     cmd.Dispose() 
     cn.Dispose() 
     Response.Write("Added") 
    %> 
</body> 
</html> 

但是,空行插入我的表,每當我提交的值。需要幫忙 !!

回答

3

使用Fiddler並檢查一切是否正常。

JQuery的阿賈克斯TYPE更改爲GET,看看是否可行與否。

$.ajax({ 
type: "GET", 
url: "Default4.aspx", 
data: dataString, 
cache: false, 
success: function(html){ 
$("#display").after(html); 
//document.getElementById('content').value=''; 
//document.getElementById('content').focus(); 
$("#flash").hide(); 
+0

謝謝!!它的工作原理,我有另一個問題,是否可以將Default4.aspx代碼放入Default3.aspx代碼隱藏,以便我可以保存一個頁面的相同的過程.. ?? – Ravi 2012-07-24 11:37:45

+0

@coders:最好是將這兩個分開,因爲您使用AJAX將數據發送到第二頁 – 2012-07-24 11:45:41

+0

順便說一句,@ TheJonasPersson的答案也是正確的,應該可以工作。 – 2012-07-24 11:46:40

1

試着改變你發佈的數據

data: {login: $("#loginid").val(), pass: $("#pass").val()}, 

然後,在你的Default4.aspx,從表單數據,而不是查詢字符串獲取數據。 Request.Form("login")Request.Form("pass")

+0

謝謝@喬納斯! – Ravi 2012-07-24 11:50:19