好的,我有一个仅包含的简单表格text field。当我们点击submit(通过ajax存储)时,在文本字段中写入的数据将存储在DB中。Ajax可以正常工作并提交数据,但是,页面会自动刷新,并且URL包含输入字段的内容。
text field
我的表格:
<form class="form-horizontal"> <fieldset> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="message"></label> <div class="col-md-5"> <input id="message" name="message" type="text" placeholder="message" class="form-control input-md" required=""> </div> </div> <!-- Button --> <div class="form-group"> <label class="col-md-4 control-label" for="submit_message"></label> <div class="col-md-4"> <button id="submit_message" name="submit_message" class="btn btn-success">Enter</button> </div> </div> </fieldset> </form>
阿贾克斯:-
$("#submit_message").click(function() { var message = $("#message").val(); $.ajax({ type: "POST", url: "ajax_getter.php?requestid=2", data: { message: message, c: c }, dataType: "html" }).done(function( msg ) { //load_content(); alert(msg); }); });
PHP的:-
//... if($chat->insert("chat_threads", $arr)) { echo 1; } else { echo 0; }
结果显示在后popup,页面将刷新,URL变为: -chat.php?message = 454545&submit_message = 为什么要刷新页面?
popup
似乎您的表单正在提交。尝试阻止默认事件(即提交):
$("#submit_message").click(function(e) { e.preventDefault(); // This prevents form from being sumbitted // the rest of your code });