jQuery를 구체적인 예는 AJAX를 사용하는 경우, AJAX 어떤 장소에 표기 도입
웹 사이트 개발, 아약스는 매우 편리한 도구입니다 때, 같은 형태를 가지고 있으며, 전면과 후면 사이의 상호 작용을 완료하는 기능! 이 부분 리프레시 기능을했다! 때 나는 그것을 아약스 사용할 것인가? 여기 당신에게 몇 가지 예를 말해, 우선 두 가지 범주로 구분되어야한다 :
함수는 형태와 아약스와 함께 할 수 첫째, 아약스는보다 빠르고 쉽게 사용할 수 있습니다.
1, 위의 글 아래 아약스 주석을 사용하여 사이트! 사용자가 의견을 전달하고 페이지에 표시되는 데이터 JS를 사용하여 백그라운드에서 배경 콘텐츠에 전달됩니다 제출 때 AJAX를 사용합니다. 이 과정은 형태의 속도가 많이없는 것보다 너무 빨리 갱신하지 않는 등의 댓글 모듈, 기사, 다른 페이지의 내용을 새로 고쳐?
우리는 우리가 아약스를 사용할 수있는 더 많은 페이지를 필요로 할 때이 부분 페이지는 그가 단지함으로써 속도를 증가 문서를 새로 고쳐지지 않는 주석 페이지를 새로 고침 위의 이유처럼, 같은 문서 주석으로 아약스를 사용할 수 있습니다!
둘째, 어떤 함수 형태가 달성 될 수 없다, 당신은 오직 아약스를 사용할 수 있습니다!
1, 우리는 다음과 같은 검색 참조
나는 제품을 찾을 수있는 정보를 제출 양식을 사용하는 경우, 출력 데이터 전송 후! 즉, 사용자가 검색 페이지 또는 상품을 유지하는 원래의 페이지로 돌아갈 수 없습니다 새로 고칠 때 문제가 발생할 것입니다,이은 아약스에 의해 이루어집니다!
2, 사용자 등록 체크 사용자 이름이 존재하는 경우에! 이것은 사용자의 마우스 배경 검증에 제출 이벤트의 사용자 계정 후 등록 상자를 잎 얻을, 다음 정보에 따라 프론트 데스크 검사에 상황을 반환하는 것입니다, 형태는 할 수 없습니다! 물론, 사용자가 모든 등록 정보를 제출 때 다시 당신이 확인할 수 있도록 양식 있지만 사용자 경험을 사용할 수있는 것은 좋지 않다!
3, 아약스 우리는 iframe이 프레임 대신 사용할 수 있습니다! 이것은 말을하지 매우 간단합니다!
마지막으로주의 할 점 아약스를 사용하는 경우 :
첫째, 데이터는 우리가 내 다른 기사를 볼 수 있습니다 PHP 배열을 JS로 변환하는 방법을, 나는, JSON 사용 JS의 PHP 배열을받는 방법, PHP 배열 JS 배열을 켜집니다
第二,当用ajax在页面上添加或者修改内容时,普通jQuery获取对象的方法是无效的,这时候可以使用live()或者on()方法,jQuery获取动态添加的元素,live和on的区别
网站开发时,ajax是一个非常方便的工具,它具有和表单相同的功能完成前端和后台之间的交互!它起到局部刷新的功能!那什么时候用ajax呢?下面给大家介绍几个实例,首先应该分为两类:
一、在用表单和ajax都可以完成某个功能时,只是使用ajax更加的快速、方便。
1,在网站文章下面的评论上面使用ajax!它在用户提交评论时利用ajax将内容传到后台,在将后台的数据利用js传输出来并显示到页面。这个过程只是刷新了页面的评论模块,文章等其他内容没有刷新,这样比表单的速度不是快了许多么?
2,局部翻页可以使用ajax,比如当文章评论多了的时候我们需要分页那么我们可以用ajax,跟上面道理一样他只刷新了页面的评论并没有刷新文章从而提高了速度!
二、有些功能表单无法实现,只能使用ajax!
1,大家看下面这个搜索功能
如果我利用表单去提交搜索商品的信息,之后再将数据传输出来!那样会造成一个问题,就是用户在刷新的时候它不能返回到原来的页面还是保持你搜索商品的页面,这个只有用ajax来完成!
2,当用户注册时校验用户名是否存在!这个就是获取用户鼠标离开注册框的事件后将用户的账号提交到后台验证,然后根据校验情况再返回到前台信息,这个表单是不能做到的!当然你可以在用户提交全部注册信息的时候再校验,这样可以用表单不过用户体验不好!
3,我们可以用ajax来代替iframe框架!这个很简单就不多说啦!
最后,在使用ajax的时候要注意几点:
第一,如何将php数据转化为js数组大家可以看看我的别一篇文章,将php数组转js数组,js如何接收PHP数组,json的用法
第二,当用ajax在页面上添加或者修改内容时,普通jQuery获取对象的方法是无效的,这时候可以使用live()或者on()方法,jQuery获取动态添加的元素,live和on的区别