使用javascript / jQuery将参数发送到网页而不使用HTML表单提交?

时间:2014-05-27 10:25:47

标签: javascript jquery html

我有两个网页A.html和B.html(提供了第三方,所以我没有访问它的代码)。在A.html有表格和onClick的情况下,数据被发送到B.html,方法=" post"和目标="聊天"。

一旦B.html收到A.html请求,就会弹出一个聊天窗口弹出窗口。但现在我不希望用户每次填写表单并提交以开始支持聊天,我想使用javascript / jquery完成此操作而不要求用户填写HTML表单。

下面是我在html中的表单代码:

<label for="sample" style="display: none;">sample</label>
<form name="sample" id="sample" method="post" target="chat" >

    <div class="form_elem">
        Name : <input type="text" id="vName" name="vName" value=""> <div class="error">*</div>

        Mobile Number : <input type="text" id="mobile"  name="21512" value=""> <div class="error">*</div>

        Connection Type : <select name="21524" id="state">
            <option value="0" selected="selected">Select</option>
            <option value="24">PF</option>
            <option value="25">PD</option>
        </select> <label> &nbsp;</label>

        <input type="button" style="border-width: 0px; margin-right: 10px; cursor: pointer;" onclick="javascript:return Submit_Data();" value="Submit"  name="btnSubmit" class="submit">
        <input type="button" style="border-width: 0px; margin-right: 10px; cursor: pointer;" onclick="javascript:return Clear_Click(&#39;old&#39;)" value="Clear" name="btnclear" class="reset">

    </div>

</form>

function Submit_Data()
{
    window.open("Live Chat", "chat", "height=" + ChatWindow_Height + ", width = " + ChatWindow_Width);

    var url = "B.Html";

    var form = document.getElementById("sample");
    form.action = url;
    form.submit();  
}

假设现在需要发送的数据是硬编码的。 var name='pawan',mobile='9930667xxx',state='24'。如何编写不涉及任何html表单的javascript / jQuery并直接向B.html提交数据? 谢谢。

1 个答案:

答案 0 :(得分:0)

试试这个

$.ajax({
            async:true,
            type: "POST",
            dataType: "json",
            contentType: "application/x-www-form-urlencoded",
            url: "pageB",
            data:"para="+variable,
            beforeSend: function,
            success:function,
            timeout:10000,
            error:function
        }); 

para = variable para是服务器$ _POST ['para']

中的帖子

http://api.jquery.com/jquery.ajax/