javascript - 使用Javascript发送动态发布数据

  显示原文与译文双语对照的内容
0 0

所以,我正在尝试向远程PHP页面发送一些数据,通过POST和一个随机参数和一个随机参数,一个数字。 到目前为止,我已经创建了一个带有 4个隐藏字段和 1个空字段的HTML页面。 现在,每当我提交这个表单时,它将带我到远程PHP页面,然后再次单击( 在浏览器中),然后提交。

因这里,我决定在另一个HTML页面中加载这个表单,因这里单击commit后,我就可以再次提交。

我想知道,我可以在,中使用Javascript自动提交表单,然后再次提交一个新的随机值。

这是我的代码

a.html


<html>
<body>
<form method="post" action="http://awebsite.com/remotefile.php">
*some hidden fields with the static values*
<input type="text" id="mytext" name="mobile_no">
<input type="submit">
</form>
<script>//don't remember the exact code, use javascript to generate a random number which is put in the value for mytext via getElementById</script>
</body>
</html>

现在,这是将数据手动发送到服务器的表单

这是加载一个 iframe: b.html


<html>
<body>
<iframe src="a.html">
</body>
</html>

我可以在 b.html 中使用javascript多次重发表单,但每次都有mobile_no不同的值? 或者我可以简单地通过简单的Javascript ( 或者 PHP ) 将POST数据发送到服务器

时间: 原作者:

0 0

你的问题不是 100%清楚,但听起来像是要异步发布表单数据。 你可以使用像jQuery这样的JavaScript库轻松做到这一点,不需要 iframe 。 首先应该在表单中添加一个ID属性,以便在jQuery代码中更容易引用。 然后你可以在提交表单事件时附加事件监听器,在提交前你可以自定义表单并处理响应。


$('#myForm').submit(function(e) {

//prevent default form submit action from occuring
 e.preventDefault();

//load values need to make AJAX request
 var method = $(this).attr('method');
 var action = $(this).attr('action');

//Process Ajax request
 $.ajax({
 type: method,
 url: action,
 dataType: 'html',
 data: $(this).serialize(),
 beforeSend: function() {

//generate and assign per form submit random number
//show loading gif

 },
 success: function(response) {

//AJAX POST success, insert the HTML response into the DOM

 },
 error: function(jqXHR, textStatus, errorThrown) {

//console.log any errors for debugging here

 },
 complete: function() {

//Post completion tasks, such as hide loading gif

 }
 });
});

...