我有一个名称orderproductForm和未定义输入数量的表单.
我想做一些jQuery.get或ajax或类似的东西,它会通过Ajax调用页面,并发送表单的所有输入orderproductForm.
我想有一种方法可以做类似的事情
jQuery.get("myurl",
{action : document.orderproductForm.action.value,
cartproductid : document.orderproductForm.cartproductid.value,
productid : document.orderproductForm.productid.value,
...
但是我并不完全知道所有表格输入.是否有功能,功能或其他东西只发送所有表单输入？
我正在尝试将数据从表单发送到数据库.这是我正在使用的表单:
<form name="foo" action="form.php" method="POST" id="foo">
<label for="bar">A bar</label>
<input id="bar" name="bar" type="text" value="" />
<input type="submit" value="Send" />
</form>
典型的方法是提交表单,但这会导致浏览器重定向.使用jQuery和Ajax,是否可以捕获所有表单的数据并将其提交给PHP脚本(例如,form.php)？
我想通过jQuery的.ajax()在我的网站上提交一个POST表单,其中包含textarea字段和一个输入字段(type ="checkbox",其中包含一个任意/可变数量的复选框).PHP接收textarea数据,并向用户正确显示ajax响应.但是,似乎PHP没有收到复选框数据(是否已选中).我怎样才能让它发挥作用？这是我的代码:
HTML:
<form method="post" action="myurl.php" id=myForm>
<textarea id="myField" type="text" name="myField"></textarea>
<input type="checkbox" name="myCheckboxes[]" id="myCheckboxes" value="someValue1" />
<input type="checkbox" name="myCheckboxes[]" id="myCheckboxes" value="someValue2" />
...(maybe some more checkboxes - dynamically generated as necessary)
<input id="submit" type="submit" name="submit" value="Submit" onclick="submitForm()" />
</form>
jQuery:
function submitForm() {
$(document).ready(function() {
$("form#myForm").submit(function() {
var myCheckboxes = new Array();
$("input:checked").each(function() {
myCheckboxes.push($(this).val());
});
$.ajax({
type: "POST",
url: "myurl.php",
dataType: 'html',
data: { myField:$("textarea[name=myField]").val(),
myCheckboxes:myCheckboxes },
success: function(data){
$('#myResponse').html(data)
}
});
return false;
});
});
现在,PHP
$myField …我还是JQuery,AJAX和PHP的新手.
我想知道我在这里做错了什么.我正在接收有关客户的信息并尝试在同一页面上返回确认消息.
所以我遇到的问题:1)点击提交按钮刷新我的页面？为什么？
2)我的提交按钮下方.如何使用addCustomer.php的结果更改其文本？
3)将我的javascript和php代码放在customer.php下的同一个文件中是否可以？
编辑:我也使用Firefox的防篡改数据插件 - 当我点击提交时,由于某种原因没有发送数据.
Customer.php
<script type="text/javascript">
$(document).ready(function(){
$('#submit').click(function() {
$.ajax({
type : 'POST',
url : 'addCustomer.php',
dataType : 'json',
data:{
add_LN : $('#add_LN').val(),
add_FN : $('#add_FN').val(),
add_PN : $('#add_PN').val(),
add_DOB : $('#add_DOB').val()
},
success : function(data){
//I want to change the "confirmMsg" to the string given back from addCustomer.php
}
}
}
}
</script>
<p> </p>
<p>Add New Customer:</p>
<div align="center">
<form>
<table width="396" border="1">
<tr>
<td width="133"><p>Last Name:</p>
<p>First Name:</p>
<p>Phone Number:</p>
<p>Date of Birth:</p></td> …我完全迷失在这里.我希望在不离开我的页面的情况下发送带有PHP的电子邮件.但我无法弄清楚如何将数据发送到PHP文件以通过电子邮件发送.当我确实得到它时,我会迷失方向.因此,对PHP文件应该是什么样子的任何帮助都会很棒.这是表格.
<table id="dialog">
<tr><td><input type="text" id="name" name="name" placeholder="Your Name" size="20" class="tbow" /></td></tr>
<tr><td><input type="text" id="email" name="email" placeholder="Your Email" size="20" class="tbow" /></td></tr>
<tr><td><input type="text" id="number" name="number" placeholder="Your Phone Number" size="20" class="tbow" /></td></tr>
<tr><td><textarea id="message" name="message" rows="5" cols="25" class="tbow" placeholder="Your Message"></textarea></td></tr>
<tr><td><input type="button" value="Send!" onclick="senem();" id="sender" /></td></tr>
</table>
我试过这个......
function senem(){
var name = document.getElementById("name").value;
var email = document.getElementById("email").value;
var number = document.getElementById("number").value;
var message = document.getElementById("message").value;
$.ajax({
type: "POST",
url: "mmaa.php",
data: "name=" + name + "&email=" + email + "&number=" …