在html5前端开发中ajax在项目中重要不

html-css09

在html5前端开发中ajax在项目中重要不,第1张

你好 AJAX还是比较重要的,因为用AJAX可以实现不刷新网页的情况下和后端进行数据传输,例如评论或文章的点赞功能就需要用AJAX传到后台,还有注册用户名的时候可以在用户名输入完成的时候把用户名传到后台验证是否存在,除了我说的这两个地方外还有很多地方会用到AJAX,所以还是有必要学一下AJAX的,而且AJAX也不难,如果只是学会使用的话,不用1小时就可以学会使用了,当然 如果要弄懂原理和数据处理的话还是需要下点功夫才行,如果用jQuery的话AJAX会更简单一些。希望我的回答能够帮助到你,如果还有什么疑问可以继续追问。

web前端开发:主要是通过html/css,js,ajax,DOM等前端技术,实现网站在客服端的正确显示及交互功能。可分为:网页重构,js功能开发。随着HTML5的到来,RIA时代正在开启,web前端的应用功能将会更加灵活。最大的好处就是可实现客服端的更加友好的用户体验而不会对服务器带来过重的负担。

而web开发,个人觉得未免说得太宽范了点,一般主要指后台的程序开发方面,会用到PHP或ASP,mysql或mssql,ajax等,主要是服务器端的脚本语言及数据库技术,这也是网站保证正常动作,技术方面最核心的部分。

//H5自带的验证是比较简单的验证,不完美,只适合比较简单的验证。具体使用方法如下:

//需求:用户名:不能为空,长度在6至12之间,内容为英文

//HTML

<input type="text" id="user" required minlength=6 maxlength=12 pattern="^[a-zA-Z]+$">

//js

var user = document.getElementById("user")

user.onblur = function(){

if(user.validity.valueMissing){

user.setCustomValidity("用户名为空.")

}else if(user.validity.tooShort){

user.setCustomValidity("用户名过短.")

}else if(user.validity.tooLong){

user.setCustomValidity("用户名过长.")

}else if(user.validity.patternMismatch){

user.setCustomValidity("用户名输入错误.")

}

}

//required属性:验证是否为空

//pattern属性 :匹配正则

//validity属性:是H5底层的逻辑提供,原本已经存在的。元素通过elem.validity获得validityState对象

//例如可以获得的对象有:valueMissing 验证是否为空 返回true或false

//再例如:patternMismatch 验证是否匹配正则 同样返回 true或false

怎么使用ajax提交?

你可以将我上面的代码封装成一个check方法,用来检查表单内容是否正确,在用户点击提交按钮的时候不是直接submit表单,而是触发一个表单提交前验证方法check,验证通过后,将表单中的元素获取到,保存在一个变量中下面以jquery的ajax为例:

var jsonData={'userName':user.value}

$.ajax({

url:'接口地址',

type:'post',

dataType:'json',

data:jsonData,

success:function(data){

//发送成功后的回调,data包含成功时后台返回的数据

},

error:function(res){

//发送失败时的回调,res包含失败时的后台返回的数据

}

})

//特别要注意一点的是如果要用ajax发送数据,就不要将提交按钮的type设置为submit,否则form还是会自动提交