GET请求使用窗体和按钮

因此，目前我有一个简单的形式，发送sendchat.php消息人要键入..问题是我真的不想使用iframe使其工作无刷新..有人可以用正确的代码指出我如何在BACKGROUND中执行表单提交，意味着不会进入其他页面或刷新。GET请求使用窗体和按钮

<form target="chat" action="sendchat.php" method="GET"> 
    <input type="text" class="form-control" id="message" maxlength="255" name="message" type="submit" placeholder="Enter your message or use !help for help."><br> 
    <div class="col-xs-6 text-right"> 
     <button type="submit button" class="btn bg-teal-400 btn-labeled btn-labeled-right"><b><i class="icon-circle-right2"></i></b> Send Message</button> 
    </div> 
    </form> 

<style> .iframe { display: none; border-color: rgba(225, 225, 225, 0); border-width: 0px; } </style> 
     <iframe style="" name="chat" width="0px" height="0px" id="chat" onload="clearTextarea();"></iframe>

来源

2016-06-15 UKTSLiam

获得自动更新而不刷新。你需要在你的网站中实现AJAX。看到这里：http://stackoverflow.com/questions/16616250/form-submit-with-ajax-passing-form-data-to-php-without-page-refresh –

您可以使用ajax在单击按钮时获取发布数据而无需刷新页面。

<form target="chat" action="sendchat.php" method="GET"> 
<input type="text" class="form-control" id="message" maxlength="255" name="message" placeholder="Enter your message or use !help for help."><br> 
<div class="col-xs-6 text-right"> 
    <button type="button" class="btn bg-teal-400 btn-labeled btn-labeled-right"><b><i class="icon-circle-right2" onclick="save_chat()"></i></b> Send Message</button> 
</div> 
</form> 
function save_chat(){ 
$.ajax({ 
    type: 'POST', 
    url: 'sendchat', 
    data: {'message': $('input[name="message"]').val()}, 
    success: function (data) 
    { 
     //do nothing 
    }, 
    error: function (xhr, ajaxOptions, thrownError) 
    { 
     alert(xhr.status); 
     alert(thrownError); 
}); 
}

来源

2016-06-15 02:22:26 kiong

仅供将来参考，你能证实我会如果我想要一个以上的数据例如消息和用户的话。 – UKTSLiam

只需将您的变量添加到数据中，以逗号分隔：data（{'message'：$（'input [name =“message”]'）。val（），'user'：“me”}， – kiong

GET请求使用窗体和按钮

回答

相关问题