2020-01-03 原生js中form表单提交的数据的格式

JavaScript016

2020-01-03 原生js中form表单提交的数据的格式,第1张

第一次写这种文章。

1.    原生js中，form表单在提交数据的时候默认的编码格式是application/x-www-form-urlencoded

2.    如果表单中有文件需要上传，那么必须在form元素中添加除了action和method（如果是get请求，可以不添加method属性。默认情况下，form表单以get方式提交表单数据）之外的第3个属性enctype，并且设置enctype="multipart/form-data"。

参考页面： HTML

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)

            }

        }

    }

示例如下：

<input id="btnShow" type="button" value="点击" class="btn">

上面是一段按钮的html代码

如果要用原生的js来禁用这个按钮

可以用这样：

document.getElementByIdx_x_x("btnShow").disabled=true（这样就把按钮禁用了）

如果要重新开启按钮，则可以让disabled=false即可

那么在jquery下面要如何设置呢？其实也很简单

利用jquery的attr的方法即可

$("#btnShow").attr({"disabled":"disabled"})

如要让按钮恢复可用，可以采用removeAttr方法把disabled属性删除即可。

$("#btnShow").removeAttr("disabled")