javascript前端使用脚本post实现数据请求

前台使用脚本post数据一般是使用页面内自带的form或者自己构造form以及输入控件，然后将该form使用submit方法提交到服务器。

1、原生javascript定义方法post数据，调用方式：post('../login.action', { number: 'ht', password: 'ht' })

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()
document.body.removeChild(temp)
return temp
}

2、jquery定义方法post数据：调用方式：$.StandardPost('../login.action', { number: 'ht', password: 'ht' })

$.extend({
StandardPost: function(url, args) {
var body = $(document.body),
form = $("<form method='post'></form>"),
input
form.attr({ action: url })
$.each(args, function(key, value) {
input = $("<input type='hidden'>")
input.attr({ name: key })
input.val(value)
form.append(input)
})
form.appendTo(document.body)
form.submit()
document.body.removeChild(form[0])
}
})

最后

以上就是痴情店员为你收集整理的javascript前端使用脚本post实现数据请求的全部内容，希望文章能够帮你解决javascript前端使用脚本post实现数据请求所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。