gpt4 book ai didi

jquery ajax 函数不工作

转载 作者:太空狗 更新时间:2023-10-29 13:20:21 25 4
gpt4 key购买 nike

我的 html 是这样的,

<form name="postcontent" id="postcontent">
<input name="postsubmit" type="submit" id="postsubmit" value="POST"/>
<textarea id="postdata" name="postdata" placeholder="What's Up ?"></textarea>
</form>

jquery代码如下

$("#postcontent").submit(function(e) {
$.ajax({
type:"POST",
url:"add_new_post.php",
data:$("#postcontent").serialize(),
beforeSend:function(){
$(".post_submitting").show().html("<center><img src='images/loading.gif'/></center>");
},success:function(response){
//alert(response);
$("#return_update_msg").html(response);
$(".post_submitting").fadeOut(1000);
}
});
});

当我点击提交按钮时,我的 ajax 请求不工作,看起来好像控件正在传递给 JQuery 提交函数,但 ajax 请求没有执行/工作不正常,有什么问题吗?

最佳答案

将事件处理函数放在 $(document).ready(function(){...}) 中。它现在可以工作了

also add preventDefault() to restrict page refreshing

$(document).ready(function() {

$("#postcontent").submit(function(e) {
e.preventDefault();
$.ajax({
type : "POST",
url : "add_new_post.php",
data : $("#postcontent").serialize(),
beforeSend : function() {
$(".post_submitting").show().html("<center><img src='images/loading.gif'/></center>");
},
success : function(response) {
alert(response);
$("#return_update_msg").html(response);
$(".post_submitting").fadeOut(1000);
}
});
e.preventDefault();
});

});

关于jquery ajax 函数不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21796947/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com