0
我試圖發佈一個表單給自我,它可以在禁用javascript的情況下工作,或者在啓用javascript的情況下與ajax一起工作。從ajax post到自我返回數據時遇到問題
下面的示例工作如果JavaScript被禁用,但我沒有得到任何response
用ajax返回成功:
<?php
if (isset($_POST['form'])) {
$return['msg'] = 'congrats. it was posted to self';
if (isset($_POST['ajax'])) {
echo json_encode($return);
}
}
?>
<script type="text/javascript">
$(document).ready(function() {
$('#test-form').submit(function(e) {
var postTo = location.href;
var formData = $(this).serialize()+'&ajax=true';
$.ajax({
type: 'POST',
url: postTo,
data: formData,
dataType : 'json',
success: function(response) {
console.log(response); // Not getting anything here
$('#test-form-response').html(response.msg);
}
});
e.preventDefault();
});
}); // End doc ready
</script>
<form id="test-form" method="post" class="validate">
<input type="hidden" name="form" value="test">
<input type="submit" id="submit-button" value="Submit">
</form>
<div id="test-form-response"><?php if (isset($return['msg'])) { echo $return['msg']; } ?></div>
我只是試過了,它不起作用。 – JROB
默認情況下會提交您的表單,請通過添加以下內容來阻止它:e.preventDefault();在你的jQuery表單提交功能 –