项目中需要做AJAX数据提交,其中要用到数据拼接,有如以下的html结构片段:
<input type="text" id="noticeTitle" />
<textarea id="noticeContent" placeholder="请输入公告内容">
</textarea>
然后需要在点击发布时,把输入的内容通过ajax传送给后台,使用jQuery,可以直接使用 val()
函数。
var title = $("#noticeTitle").val();
var content = $("#noticeContent").val();
$.ajax…………
但是项目中用到jQuery的地方的屈指可数,于是准备使用原生重写。
通过javascript的value属性,就可以直接获得输入框的值。
var title = document.getElementById("noticeTitle").value;
var content = document.getElementById("noticeContent").value;
于是完美解决,项目中也减少了jQuery的80k宝贵空间。