php – onclick表单通过ajax发送没有页面刷新

发布时间：2020-12-13 17:42:11 所属栏目：PHP教程来源：网络整理

导读：我一直在绞尽脑汁看了几天的例子并尝试了不同的东西来尝试让我的表单在没有页面刷新的情况下使用Ajax提交.它现在甚至没有发送数据..我不知道我做错了什么..可以通过我的ajax和形式请一个人. Toid是用户ID,newmsg是用户提交的文本.这两个值将被发送到insert.p

我一直在绞尽脑汁看了几天的例子并尝试了不同的东西来尝试让我的表单在没有页面刷新的情况下使用Ajax提交.它现在甚至没有发送数据..我不知道我做错了什么..可以通过我的ajax和形式请一个人.

Toid是用户ID,newmsg是用户提交的文本.这两个值将被发送到insert.php页面.

我真的会帮助你.我是Ajax的新手,我看一下它并没有任何线索.如果我终于让它运转起来,它可能会帮助我意识到我做错了什么.我正在查阅教程和观看视频..但对于那些熟悉的人来说,这可能非常费时.也许我对ajax有错误的想法,根本就没有意义,抱歉.

<script type="text/javascript">

$(document).ready(function(){

    $("form#myform").submit(function() {
homestatus()      
event.preventDefault();
var toid = $("#toid").attr("toid");
var content = $("#newmsg").attr("content");

    $.ajax({
        type: "POST",url: "insert.php",data: "toid="+content+"&newmsg="+ newmsg,success: function(){
           }
    });
    });
return false;
});
</script>


<form id="myform"  method="POST"  class="form_statusinput">
<input type="hidden"  name="toid" id="toid" value="<?php echo $user1_id ?>">
<input class="input" name="newmsg" id="newmsg" placeholder="Say something" autocomplete="off">
<div id="button_block">
<input type="submit" id="button" value="Feed" onsubmit="homestatus(); return false" >
</div>
</form>

INSERT.PHP

$user1_id=$_SESSION['id'];
if(isset($_POST['toid'])){

if($_POST['toid']==""){$_POST['toid']=$_SESSION['id'];}

if(isset($_POST['newmsg'])&isset($_POST['toid'])){
if($_POST['toid']==$_SESSION['id']){
rawfeeds_user_core::create_streamitem("1",$_SESSION['id'],$_POST['newmsg'],"1",$_POST['toid']);
}else{
rawfeeds_user_core::create_streamitem("3",$_POST['toid']);

解决方法

尝试使用firebug来识别代码中的错误.它是开发javascript的非常好的伴侣.几乎所有的bug都会在firebug控制台中导致错误消息.

你的代码中有几个错误,这里是更正后的版本：

$(document).ready(function(){
    $("form#myform").submit(function(event) {
        event.preventDefault();
        var toid = $("#toid").val();
        var newmsg = $("#newmsg").val();

        $.ajax({
            type: "POST",data: "toid=" + content + "&newmsg=" + newmsg,success: function(){alert('success');}
        });
    });
});

这里更正了html：

<form id="myform"  method="POST"  class="form_statusinput">
<input type="hidden"  name="toid" id="toid" value="<?php echo $user1_id; ?>">
<input class="input" name="newmsg" id="newmsg" placeholder="Say something" autocomplete="off">
<div id="button_block">
<input type="submit" id="button" value="Feed">
</div>
</form>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!