js获取form表单提交的数据?

JavaScript016

js获取form表单提交的数据?,第1张

用下面的函数可以获取:

function getUrlParam(name) {

var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i")

var r = window.location.search.substr(1).match(reg)

if (r != null) return decodeURI(r[2])

return null

}

如获取user,执行getUrlParam("user")就可以了

表单是用form来填写,在提交前可以获取表单里面的数据。我这里用jquery实现。

<html>

<body>

    <form method='post' action=''>

        <label for='inputText'>inputText</label>

        <input type='text' id='inputText'/>

        <br/>

        <label for='checkBox1'>checkBox1</label>

        <input type='checkbox' id='checkBox1'/>

        <br/>

        <label for='checkBox2'>checkBox2</label>

        <input type='checkbox' id='checkBox2'/>

        <!--其他你想填写的表单选项-->

        <input type='button' value='提交表单' id='submitBtn'/>

    </form>

    <script>

        $(document).ready(function()

        {

            $('#submitBtn').click(function(e)

            {

                /*一系列根据自己的意图判断输入框是否已输入内容并决定是否往下执行*/

                

                //获取表单的系列化数据。这会生成一个A=valueA&B=valueB这种形式的字符串。

                var formData = $('form').serialize()

                $.post('目标地址',formData,成功/失败回调函数)

                e.preventDefault()

            })

            

        })

    </script>

</body>

</html>

JS使用post提交的两种方式。分享给大家供大家参考,具体如下:

第一种提交post的方式是传统方式,判断浏览器进行post请求。

<SCRIPT stype=text/javascript>

var xmlobj //定义XMLHttpRequest对象

function CreateXMLHttpRequest()

{

if(window.ActiveXObject)

//如果当前浏览器支持Active Xobject,则创建ActiveXObject对象

{

//xmlobj = new ActiveXObject("Microsoft.XMLHTTP")

try {

xmlobj = new ActiveXObject("Msxml2.XMLHTTP")

} catch (e) {

try {

xmlobj = new ActiveXObject("Microsoft.XMLHTTP")

} catch (E) {

xmlobj = false

}

}

}

else if(window.XMLHttpRequest)

//如果当前浏览器支持XMLHttp Request,则创建XMLHttpRequest对象

{

xmlobj = new XMLHttpRequest()

}

}

function SubmitArticle(act,cityname,antique) //主程序函数

{

CreateXMLHttpRequest() //创建对象

//var parm = "act=firstweather" //构造URL参数

//antique = escape(antique)

var parm = "act=" + act + "&cityname=" + cityname + "&antique=" + antique//构造URL参数

//xmlobj.open("POST", "{dede:global.cfg_templeturl/}/../include/weather.php", true) //调用weather.php

xmlobj.open("POST", "/weather/include/weather.php", true) //调用weather.php

xmlobj.setRequestHeader("cache-control","no-cache")

xmlobj.setRequestHeader("contentType","text/htmlcharset=uft-8") //指定发送的编码

xmlobj.setRequestHeader("Content-Type", "application/x-www-form-urlencoded")  //设置请求头信息

xmlobj.onreadystatechange = StatHandler  //判断URL调用的状态值并处理

xmlobj.send(parm) //设置为发送给服务器数据

}

第二种方式则是虚拟表单的形式提交post请求

function post(URL, PARAMS) {

var temp = document.createElement("form")

temp.action = URL

temp.method = "post"

temp.style.display = "none"

for (var x in PARAMS) {

var opt = document.createElement("textarea")

opt.name = x

opt.value = PARAMS[x]

// alert(opt.name)

temp.appendChild(opt)

}

document.body.appendChild(temp)

temp.submit()

return temp

}

调用方法 如:

复制代码 :

post('pages/statisticsJsp/excel.action',{html:prnhtml,cm1:'sdsddsd',cm2:'haha'})