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