2012-07-24 66 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