Question

所以目前我有一个简单的表单，发送给sendchat.php这个人想要输入的消息..问题是我真的不想使用iframe使它工作而不刷新..有人能指出我的权利关于如何在BACKGROUND中进行表单提交的代码意味着不会转到另一个页面或刷新。

<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>

Answer 1

您可以使用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);
});
}

使用表单和按钮获取请求

1 个答案: