如何将当前表单提交转换为ajax调用？

我目前得到了以下设置：我已经得到了提交的图像的形式，这种形式的操作调用一个新的页面 “test.php”如何将当前表单提交转换为ajax调用？

在test.php功能是通过一个叫服务器请求核查

if ($_SERVER['REQUEST_METHOD'] == 'POST')

这个当前设置的问题是，我必须加载test.php页面。我希望用户在提交表单后留在同一页面上。

我想要做到这一点，我必须使用某种Ajax调用。但我不确定从哪里开始。如果我对页面test.php进行ajax调用，它是否仍处理服务器请求方法？

表单发送一些坐标，文件test.php通过这些坐标剪切图像，并将其保存到服务器。

<form action="/test.php" method="post" onsubmit="return checkCoords();"> 
     <input type="hidden" id="x" name="x" /> 
     <input type="hidden" id="y" name="y" /> 
     <input type="hidden" id="w" name="w" /> 
     <input type="hidden" id="h" name="h" /> 
     <input type="submit" value="Crop Image" class="btn btn-large btn-inverse" /> 
</form>

坐标是通过另一个javascript函数生成的。

任何帮助或推动正确的方向将帮助我很多。

亲切的问候，

来源

2013-05-30 user25312

你有使用普通的JavaScript或jQuery的之间的偏好？ – asifrc

在你的地方我会使用Uploadify。 –

Javascript或jquery都很好，jquery框架已经准备就绪。 – user25312

使用jQuery，因为它会让你的生活变得更加简单。

然后，您可以发送一个请求是这样的：

$.post('ajax/test.php', function(response) { 
    $('#result').html(response); 
});

这将发送POST请求AJAX/test.php的，然后把响应输出的DIV与ID result。

来源

2013-05-30 08:42:51

忘了在我以前的帖子中提到这个。表单通过隐藏的输入字段发送一些坐标。这些坐标用于裁剪图像，该代码在test.php中处理，然后将图像保存到服务器。这是处理输入的表单。

– user25312

阅读AJAX [$ .post的文档]（http://api.jquery.com/jQuery.post/），您可以发送你的参数符合要求。 '$ .post（'test.php'，{this：that，foo：bar}，...' –

XMLHttpRequest对象来与服务器

交换数据，但你可以使用Ajax和jQuery来上传你的图片。

这里是很好的例子：

Ajax Image Upload

演示：

Ajax Image Upload Demo

来源

2013-05-30 08:57:12

如何将当前表单提交转换为ajax调用？

回答

相关问题