[英]Using ajax to refresh a div content
我正在使用JavaScript处理表单提交,并且使用Ajax调用来刷新某个div仅“不是整个页面” ,表单提交成功,但是div内部的值未刷新。 我已经尝试了其他方法/解决方案来解决堆栈溢出问题,但是它们似乎都加载了整个页面,或者div的内容在表单提交时被隐藏了。
ajax.js
$(document).ready(function () {
$('.ajaxform').submit(function (e) {
e.preventDefault(); // catch the form's submit event
$.ajax({ // create an AJAX call...
data: $(this).serialize(), // get the form data
type: "POST", // POST
dataType: 'html',
url: "info.php", // the file to call
cache: false,
success: function (response) { // on success..
$(".ld").load("info.php .ld"); //this hides the content of the div
// $('.ld').html(response);----This loads the entire page inside the div
}
});
return false; // cancel original event to prevent form submitting
});
});
info.php的
<html>
<head>
</head>
<body>
<?php
...................
foreach($stmt as $obj){
$id = $obj['id'];
$likes = $obj['like1'];
echo '<form action="" method="post" id="ajaxform" enctype="multipart/form-data">';
echo '<input type="hidden" name="lkcv[]" value="'.$id.'">';
echo '<input type="hidden" name="like" value="">';
echo '<input type="image" src="images/like.png" id="lksub" width="15"
value="som" height="15" style="float:right;position:relative;
margin-right:290px;"/><div class="ld">'.$likes.'</div>';
echo '</form>’;
echo '<div id="emailform"></div>';
}
?>
</body>
</html>
我试图刷新div标签中的变量“ $ likes”,而不刷新整个页面,现在我当前的代码在表单提交中隐藏了该变量。 我必须手动刷新以查看对“ $ likes”的任何更改。
您正在将XMLHTTPRequest发送给整个文档,而不是发送给PHP的一部分(据我从问题中了解,这是您需要的PHP)。 此外,您会将请求发送到同一当前页面info.php
,最好将PHP代码分为两部分(呈现初始形式的那一部分和旨在处理服务器端的那一部分)来分离问题。 )。
结果,AJAX将返回info.php
所有结果(静态标记+生成的标记)并返回所有最终的HTML并将其加载到.ld
。
我建议创建两个文件: form.php
和process-form.php
当form.php
重新整理的文档ready
,您将执行AJAX调用,并将其发送到process-form
,它将在处理表单后返回所需的数据。
并且这应该在不刷新页面的情况下起作用(使用AJAX的主要目的)。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.