如何用javascript以post方式提交form表单

JavaScript010

如何用javascript以post方式提交form表单,第1张

下面是用js动态创建form然后进行post提交的方式，参数url是表单提交的去向，参数params是给去向传递的参数（JSON结构），参数target设置何处打开链接文档（可选）：

function postcall( url, params, target){

var tempform = document.createElement("form")

tempform.action = url

tempform.method = "post"

tempform.style.display="none"

if(target) {

tempform.target = target

}

for (var x in params) {

var opt = document.createElement("input")

opt.name = x

opt.value = params[x]

tempform.appendChild(opt)

}

var opt = document.createElement("input")

opt.type = "submit"

tempform.appendChild(opt)

document.body.appendChild(tempform)

tempform.submit()

document.body.removeChild(tempform)

}

只是需要文件上传才用它的

xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded")

改成

xmlHttp.setRequestHeader("Content-Type","multipart/form-data")。

js模拟post提交的代码

通过js模拟post提交

1：请求需要的参数过长，超过get允许的最大长度

2：想要隐藏地址栏的参数

//新创建一个form表单

document.write('<form name=myForm></form>') 

var myForm=document.forms['myForm'] 

myForm.action='runEmpAttendance' 

myForm.method='POST'

var input = document.createElement('input')

input.type = 'text'

input.name = 'userId'

input.value = 100

myForm.appendChild(input)

myForm.submit()

//使用jsp中已经存在的form表单，添加其他的参数

var myForm = document.forms['listEmployee']  //表单的name

var input = document.createElement('input')

input.type = 'hidden'

input.name = 'currentPage'

input.value = 1

myForm.appendChild(input)

myForm.method= 'POST'

myForm.submit()。

document.querySelector("#btnAjax").onclick = function () {

        var ajax = new XMLHttpRequest()

        // 使用post请求

        ajax.open('post','ajax_post.php')

        // 如果 使用post发送数据 必须 设置 如下内容

        // 修改了 发送给 服务器的 请求报文的 内容

        // 如果需要像 HTML 表单那样 POST 数据，请使用 setRequestHeader() 来添加 HTTP 头。然后在 send() 方法中规定您希望发送的数据：

        ajax.setRequestHeader("Content-type","application/x-www-form-urlencoded")

        // 发送

        // post请求 发送的数据 写在 send方法中

        // 格式 name=jack&age=18 字符串的格式

        ajax.send('name=jack&age=998')

        // 注册事件

        ajax.onreadystatechange = function () {

            if (ajax.readyState==4&&ajax.status==200) {

                console.log(ajax.responseText)

            }

        }

    }