如何將當前表單提交轉換爲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調用？

回答

相關問題