怎样用jquery 将表单的数据上传到数据库中

JQuery构造一个form对象,然后form.submit()就等于是普通form表单向后台提交了!

//创建一个form对象

var form = document.createElement("form")

//将form对象添加到body中

document.body.appendChild(form)

//设置form的属性,等价于<form action="XXX.action" method="post"></form>

form.action = 'QuestionAction!pAsk'

form.method = 'post'

//创建隐藏input

var newInput = document.createElement("input")

newInput.setAttribute("type","hidden")

newInput.setAttribute("name","title")

newInput.setAttribute("value",title)

//将隐藏input添加到form中

form.appendChild(newInput)

//提交form对象

form.submit()

详细实现写给你实在是没时间写的，可以告诉你思路。

首先呢，你现在页面上写几个按钮

然后呢，你用Jquery封装好的ajax访问后台

再然后，后台把接收到数据，存入数据库，就这么简单

建2个页面

1、test.php页面，代码如下：

<title></title>

<script src="jquery-1.4.2.min.js" type="text/javascript"></script>

<script type="text/javascript">

$(function(){

x=100000

y=1

$("#dosubmit").click(function(){

var rand=parseInt(Math.random()* (x - y ))

var rand1=String.fromCharCode(Math.floor( Math.random() * 26) + "a".charCodeAt(0))

var col="<input name=info["+rand1+rand+"] type='text' class='text' value='"+rand+"' />"

$("input[id=submit]").before(col)

})

$("#submit").click(function(){

$("form input[class=text]").each(function(){

var val=$(this).val()

})

})

})

</script>

<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8">

<div class="con">

<form name="form1" action="testsave.php" method="post">

<input name="info[name]" class="text" value="10" type="text">

<input name="" class="text1" value="显示" id="submit" type="submit">

</form>

<input name="" class="text1" value="增加" id="dosubmit" type="submit"><br>

</div>

2、保存提交过来的值页面testsave.php页面。代码如下：

<script src="jquery-1.4.2.min.js" type="text/javascript"></script>

<?php

$value=""

$test='test'

$conn=mysql_connect('localhost','root','0000','test')

mysql_select_db($test,$conn)

foreach($_POST['info'] as $key){

$value=$value.','.$key

}

$sql="insert into base (name) values ('$value')"

if(mysql_query($sql)){

echo "添加成功<br />"

}

?>

<input type="button" name="button" id="button" value="显示/隐藏内容">

<input type="button" name="domit" id="domit" value="返回">

<div class="content" style="display:none">

<?php

$sql1="select id,name from base"

$query=mysql_query($sql1)

while($result=mysql_fetch_array($query)){

echo $result['id']."========>".$result['name']."<br />"

}

?>

</div>

<?php

mysql_close($conn)

?>

<script type="text/javascript">

$(function(){

$("#button").bind("click",function(){

var show=$("div.content")

if(show.is(":visible")){

show.hide()

}

else{

show.show()

}

})

$("#domit").click(function(){

window.history.go(-1)

})

})

</script>

---