任何人都可以告诉我为什么这段代码不起作用？
<html>
<head>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script>
$(function () {
$('form').bind('submit', function () {
$.ajax({
type: 'post',
url: 'post.php',
data: $('form').serialize(),
success: function () {
alert('form was submitted');
}
});
return false;
});
});
</script>
</head>
<body>
<form>
<input name="time" value="00:00:00.00"><br>
<input name="date" value="0000-00-00"><br>
<input name="submit" type="button" value="Submit">
</form>
</body>
</html>
当我推送提交没有任何反应.在接收php文件中,我使用$ _POST ['time']和$ _POST ['date']将数据放入mysql查询中,但它只是没有获取数据.有什么建议？我假设它与提交按钮有关,但我无法弄明白
我有一个表单,我通过jQuery捕获并通过AJAX发送.我的问题是每次刷新页面时表单都会提交多次.
我试图取消绑定提交按钮,但是在第一次提交后表单正常发布.任何帮助,将不胜感激
$('#exportForm').submit(function() {
$.ajax({
type: "POST",
url: $(this).attr('action'),
data: $(this).serialize(),
success: function(response) {
$('#exportForm').unbind('submit');
console.log(response);
}
});
return false;
});
我知道我可以使用@Html.HiddenFor(m => m.parameter),当提交表单时,该参数将传递给控制器.我的模型有很多属性.
有没有一种将整个模型一次性传递给控制器的更短方法,还是每次都必须逐一进行？
我正在开发一个应用程序(我的大学的一种社交网络).我需要添加注释(在特定数据库中插入一行).为此,我在html页面中有一个包含各种字段的HTML表单.在提交时我不使用表单的操作,但我在提交表单之前使用自定义javascript函数来详细说明一些数据.
function sendMyComment() {
var oForm = document.forms['addComment'];
var input_video_id = document.createElement("input");
var input_video_time = document.createElement("input");
input_video_id.setAttribute("type", "hidden");
input_video_id.setAttribute("name", "video_id");
input_video_id.setAttribute("id", "video_id");
input_video_id.setAttribute("value", document.getElementById('video_id').innerHTML);
input_video_time.setAttribute("type", "hidden");
input_video_time.setAttribute("name", "video_time");
input_video_time.setAttribute("id", "video_time");
input_video_time.setAttribute("value", document.getElementById('time').innerHTML);
oForm.appendChild(input_video_id);
oForm.appendChild(input_video_time);
document.forms['addComment'].submit();
}
最后一行将表单提交到正确的页面.它工作正常.但我想使用ajax提交表单,我不知道如何做到这一点,因为我不知道如何捕获表单输入值.有人可以帮帮我吗？
我们从服务器提取数据并为此提供如果我们使用Struts,那么我们可以通过提交一个MVC架构或我们凸轮进行AJAX调用的页面,但惯例是使用表单和渲染响应,但我们也面临着致富的挑战用户体验,所以我们妥协约定并开始使用过多的AJAX,那么我们应该如何在两者之间取得平衡呢？
美好的一天,我正在尝试从表单发送或获取数据然后使用jquery然后ajax将数据发送到一个php页面,应该将其保存在数据库中我如何在jquery中执行它并使用ajax来执行它,任何帮助会做,谢谢!
HTML页面1将使用jquery ajax将数据发送到php页面
<form>
Name:<input type='text' name='name'>
E-mail:<input type='text' name='email'>
Gender:<select name='gender'>
<option value='male'>male</option>
<option value='female'>female</option>
</select>
Message:<textarea name='about'></textarea>
</form>
PHP页面2将从页面1表单接收数据
<?php
echo "
$_POST['name'];
$_POST['email'];
$_POST['gender'];
$_POST['about'];
";
?>
对这个项目的任何帮助都会对我们有所帮助,谢谢!
(更新)这是我试图使用的jquery,但它去了网址,我认为这不是很安全
$(document).ready(function(){
$("#chat").click(function(){
$("#content").load("a.php");
});
$("#send").ajaxSubmit({url: 'a2.php', type: 'post'})
});
我有一个像这样的按钮
<form action="/category" method='GET'>
<button type="submit" class="btn btn-default render">
name
</button>
</form>
并且我有一些javascript,只要按下按钮就会启动一个模态...这只是为了让用户知道下一页正在加载.
<script type='text/javascript'>
$(document).ready(function(){
$(".render").click(function(evt){
$('#render_page').modal('show');
});
});
</script>
这是模态的html
<div class="modal fade" id="render_page" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="form-horizontal">
<div class="modal-body">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<div id="user_msg" align="left">Rendering Page... </div>
</div>
</div>
</div>
</div>
</div>
这一切都适用于Firefox和Chrome,但Safari没有显示模式？如果我将表单放在按钮中,它会启动模式,但它不会提交表单.所以这两个方面,表单提交和模式都有效,但safari不想同时做到这两点？
我已经将数据发送到我的jquery文件,我测试了数据字符串,所有内容都存储在应该存在的位置但是当我将它发布到我的php文件时,所有变量都为null.有人能帮我吗？
$(document).ready(function() {
$(".button").click(function() {
//$('.error').hide();
var firstname = $("input#First_Name").val();
var lastname = $("input#Last").val();
var areacode = $("input#area_code").val();
var phonenumber = $("input#Phone_Number").val();
var emailaddress = $("input#emailaddress").val();
var confirmemail = $("input#confirm_email").val();
var password = $("input#Password_Input").val();
var confirmpassword = $("input#ConfirmPassword").val();
var streetaddress = $("input#StreetAddress_input").val();
var streetaddress2 = $("input#StreetAddress2_input").val();
var city = $("input#City_Input").val();
var state = $("input#StateInput").val();
var zipcode = $("input#ZipCode").val();
var month = $("input#month_input").val();
var day = $("input#day_input").val();
var year = $("input#year_input").val();
var services = $("input#services_input").val();
var agreement = $("input#agreement").val();
var dataString …我希望将一个充满数量的页面提交到一个页面，然后返回它们的值。我有以下几点：
<input type="number" name="item1" />
<input type="number" name="item2" />
<input type="number" name="item3" />
<input type="number" name="item4" />
<input type="number" name="item5" />
阿贾克斯：
function getnames(){
$.ajax({
method: 'post','getnames.php',
data: {
'order': order,
'ajax': true
}
success: function() {
});
}
});
}
我想找到一种方法来发布名称中包含字符串“item”的所有输入字段，所以我的问题是：
如何将各种输入字段放入 javascript 数组，然后使用 ajax 发布它们？
我正在开发一个 html 页面，该页面应该向我的服务器提交带有请求正文的 post 请求，如下所示
<html>
<head>Customer app</head>
<body>
<div>
<table>
<tr>
<td>Customer Id :</td>
<td>
<form name="submitform" method="post">
<input type="text" id="customerId" name="customerId"/>
<input type="submit" value="Submit">
</form>
</td>
</tr>
</table>
</div>
</body>
<script>
$(document).ready(function(){
$("#submitform").click(function(e)
{
var MyForm = JSON.stringify($("#customerId").serializeJSON());
console.log(MyForm);
$.ajax({
url : "http://localhost:7777/ola-drive/customer/ride",
type: "POST",
data : MyForm,
});
e.preventDefault(); //STOP default action
});
});
</script>
</html>
它无法按预期工作，抛出 404 Not Found 重定向到http://localhost:7777/customerapp.html。但请求提交对应的表单数据似乎是正确的。
有人可以帮我解决 html 代码提交 POST 请求重定向的问题吗？
ajax ×7
jquery ×6
javascript ×5
html ×4
php ×4
form-submit ×2
forms ×2
asp.net-mvc ×1
java ×1
model ×1
post ×1
struts ×1
submit ×1