PHP网站开发中与AJAX的结合

  • 来源: 未知 作者: 老苏   2011-07-18/10:14
  • 2.利用Get体例

    AJAX无疑是2005年炒的最热的Web开辟手艺之一,固然,那个功绩离不开Google。我只是一个通俗开辟者,利用AJAX的处所不是迥殊多,我就简单的把我利用的心得说一下。(本文假定用户已具有JavaScript、HTML、CSS等根本的Web开辟才能)

    真正在POST体例跟Get体例是比力相似的,只是正在履行Ajax的时间稍有差别,我们简单讲述一下。

    当你收送HTTP哀求,你不希看阅读器挂起并期待办事器的响应,取而代之的是,你希看经过页里继续响利用户的界里交互,并正在办事器响应真正达到后处置它们。要完成它,你可以向XMLHttpRequest注册一个回调函数,并同步地派收XMLHttpRequest哀求。控造权立时就被返回到阅读器,当办事器响应达到时,回调函数将会被挪用。

    上传文件:upload.html

    [AJAX先容]

    现正在我们第一步来履行一个Get哀求,参加我们需要获得/show.php?id=1的数据,那末我们应当怎样做呢?

    WebjxCom提醒:Ajax是利用客户端剧本与Web办事器互换数据的Web利用开辟圆式。Web页里不消挨决尽互流程停止从头加裁,便可以动态地更新。利用Ajax,用户可以建立靠近当地桌里利用的直接、高可用、更富厚、更动态的Web用户界里。

    利用同步回调的体例进程有点复纯,然则根本真现了Ajax、和信息提醒的功效,若是启受模板的信息提醒比力多,那末还可以经过设置层的体例来处置,那个因地制宜吧。

    那是一种十分杰出的Web开辟手艺,固然呈现工夫比力长,然则到现正在才渐渐火起来,也希看带给Web开辟界一次变化,让我们朝RIA(富客户端)的开辟迈进,固然,任何工具有益也有短处,若是过量的利用JavaScript,那末客户端将十分痴肥,倒霉于用户的阅读体验,若何正在做到快速的亲条件下,还可以或许做到好的用户体验,那就需要Web开辟者配合尽力了。

    那末我们正在履行任何Ajax操作之前,都必需先挪用我们的InitAjax()函数来真例化一个Ajax对象。

    [AJAX履行道理]

    Ajax现真上就是挪用了XMLHttpRequest对象,那末起尾我们的就必需挪用那个对象,我们构建一个初初化Ajax的函数:

    假定有一个链接:<ahref="/show.php?id=1"></a>新闻1</a>,我点该链接的时间,不想任何刷新便可以或许看到链接的内容,那末我们该怎样做呢?

    年夜致利用POST体例的进程就是如许,固然,现真开辟环境大概会更复纯,那就需要开辟者往渐渐揣摩。

    假定有一个用户输进材料的表单,我们正在无刷新的环境下把用户材料保留到数据库中,同时给用户一个成功的提醒。

    真Ajax年夜致道理就是说我们仍是通俗的表单提交,或此中甚么的,然则我们倒是把提交的值目的是一个浮动框架,如许页里就不刷新了,然则呢,我们又需要看到我们的履行后果,固然可以利用JavaScript来摹拟提醒信息,然则,那不是真真的,所以我们就需要我们的履行后果来同步回调,报告我们履行后果是怎样样的。

    普通环境下,利用Get、Post体例的Ajax我们都可以或许办理今朝题目,只是利用复纯水仄,固然,正在开辟中我们或许会碰着出法利用Ajax的时间,然则我们又需要摹拟Ajax的结果,那末便可以利用真Ajax的体例来真现我们的需求。

    1.初初化Ajax

    Ajax是利用客户端剧本与Web办事器互换数据的Web利用开辟圆式。Web页里不消挨决尽互流程停止从头加裁,便可以动态地更新。利用Ajax,用户可以建立靠近当地桌里利用的直接、高可用、更富厚、更动态的Web用户界里。

    同步JavaScript和XML(AJAX)不是甚么新手艺,而是利用几种现有手艺——包罗级联样式表(CSS)、JavaScript、XHTML、XML和可PHP网站开发中与AJAX的结合扩大样式说话转换(XSLT),开辟中不雅及操作相似桌里硬件的Web利用硬件。

    [完毕语]

    一个Ajax交互从一个称为XMLHttpRequest的JavaScript对象开端。犹如名字所表示的,它许可一个客户端脚本本履行HTTP哀求,而且将会剖析一个XML花式的办事器响应。Ajax处置进程中的第一步是建立一个XMLHttpRequest真例。利用HTTP圆式(GET或POST)来处置哀求,并将目的URL设置到XMLHttpRequest对象上。

    你或许会说,那个代码由于要挪用XMLHTTP组件,是否是只要IE阅读器能使,不是的经我真验,Firefox也是能利用的。

    [AJAX现真利用]

    那末当,当用户点击“新闻1”那个链接的时间,鄙人里对应的层将隐现获得的内容,并且页里出有任何刷新。固然,我们上里省略了show.php那个文件,我们只是假定show.php文件存正在,而且可以或许正常事情的从数据库中把id为1的新闻提掏出来。

    以下代码略微多一点,而且触及Smarty模板手艺,若是不太领会,请浏览相干手艺材料。

    4.同步回调(真Ajax体例)

    那类体例顺应于页里中任何元素,包罗表单等等,真正在正在利用中,对表单的操作是比力多的,针对表单,更多利用的是POST体例,那个下里将讲述。

    3.利用POST体例

    假定我们的需求是需要上传一张图片,而且,需要知道图片上传后的状况,好比,是不是上传成功、文件花式是不是准确、文件年夜小是不是准确等等。那末我们就需要我们的目的窗心把履行后果返回来给我们的窗心,如许便可以或许顺遂的摹拟一次Ajax挪用的进程。


    评论 {{userinfo.comments}}

    {{money}}

    {{question.question}}

    A {{question.A}}
    B {{question.B}}
    C {{question.C}}
    D {{question.D}}
    提交

    驱动号 更多