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])
        }
 })