相关疑难解决方法(0)

提交表单,无需重新加载页面

我有一个分类广告网站,在显示广告的页面上,我正在创建一个"向朋友发送提示"表单...

所以任何想要的人都可以将广告提示发送给一些朋友的电子邮件地址.

我猜表单必须提交到php页面吗?

<form name='tip' method='post' action='tip.php'>
Tip somebody: <input name="tip_email" type="text" size="30" onfocus="tip_div(1);" onblur="tip_div(2);"/>
 <input type="submit" value="Skicka Tips"/>
 <input type="hidden" name="ad_id" />
 </form>
Run Code Online (Sandbox Code Playgroud)

提交表单时,页面会重新加载......我不希望这样......

有没有办法让它不重新加载仍然发送邮件?最好没有ajax或jquery ......

谢谢

html javascript php forms

82
推荐指数
8
解决办法
22万
查看次数

简单的ajax表单使用javascript没有jQuery

我正在使用一个表单,我无法更改标记并且无法使用jQuery.目前,表单将结果发布到新窗口.是否可以将其更改为ajax表单,以便在不改变任何标记的情况下显示提交结果?将结果(标记)从结果页面拉回到表单页面.

这是表格的加价.

<form class="form-poll" id="poll-1225962377536" action="/cs/Satellite" target="_blank">
<div class="form-item">
    <fieldset class="form-radio-group">
        <legend><span class="legend-text">What mobile phone is the best?</span></legend>
                <div class="form-radio-item">
                    <input type="radio" class="radio" value="1225962377541" name="option" id="form-item-1225962377541">
                    <label class="radio" for="form-item-1225962377541">
                        <span class="label-text">iPhone</span>
                    </label>
                </div><!-- // .form-radio-item -->
                <div class="form-radio-item">
                    <input type="radio" class="radio" value="1225962377542" name="option" id="form-item-1225962377542">
                    <label class="radio" for="form-item-1225962377542">
                        <span class="label-text">Android</span>
                    </label>
                </div><!-- // .form-radio-item -->
                <div class="form-radio-item">
                    <input type="radio" class="radio" value="1225962377543" name="option" id="form-item-1225962377543">
                    <label class="radio" for="form-item-1225962377543">
                        <span class="label-text">Symbian</span>
                    </label>
                </div><!-- // .form-radio-item -->
                <div class="form-radio-item">
                    <input type="radio" class="radio" value="1225962377544" name="option" id="form-item-1225962377544"> …
Run Code Online (Sandbox Code Playgroud)

javascript forms ajax form-submit

20
推荐指数
4
解决办法
3万
查看次数

如何在没有重新加载页面的情况下提交表单,没有 jQuery?

我有如下表格,它需要向我的 java Servlet 发送一个操作来更新数据库。

如何在没有页面重新加载的情况下提交表单?目前action="myServlet"它让我直接进入一个新页面。如果我删除对 myServlet 的操作,则输入不会添加到我的数据库中。

<form name="detailsForm" method="post" action="myServlet" 
      onsubmit="return submitFormAjax()">
    name: <input type="text" name="name" id="name"/> <br/>
    <input type="submit" name="add" value="Add" />
</form>
Run Code Online (Sandbox Code Playgroud)

在我的 Java servlet 视图中,request.getParameter将查找名称并继续将其添加到我的数据库中。

@Override
protected void doPost(HttpServletRequest request, HttpServletResponse response) 
  throws ServletException, IOException
{   
    if (request.getParameter("add") != null) {
        try {
            Table.insert(name);
        } catch (Exception ex) {
            ex.printStackTrace();
        }
    }
}
Run Code Online (Sandbox Code Playgroud)

在我的 JavaScript 部分,我有一个submitFormAjax函数

function submitFormAjax()
{
    var xmlhttp;
    if (window.XMLHttpRequest) {
        // code for modern browsers
        xmlhttp …
Run Code Online (Sandbox Code Playgroud)

javascript ajax

7
推荐指数
2
解决办法
1万
查看次数

标签 统计

javascript ×3

ajax ×2

forms ×2

form-submit ×1

html ×1

php ×1