美文网首页我爱编程
Ajax局部刷新(JQuery版)

Ajax局部刷新(JQuery版)

作者: 杨凯飞 | 来源:发表于2018-05-20 17:58 被阅读0次

    Ajax简介:Ajax是一种用于创建快速动态网页的技术。

    Ajax特点:

        -通过在后台与服务器进行少量数据交换,Ajax可以使网页实现异步更新

        -传统的网页(不使用Ajax)如果需要更新内容,必须重载整个网页页面

    使用方法:

        在jquery中ajax的方法为 

    $.ajax({

        url:"路径",

        type:"post",

        data:{

            变量名:$("input[name=input的name名]").val()

        },

        dataType:"json",

        success:function(参数名){

            方法内容

        }

    });

    url:请求的地址

    type:请求时的数据的传递方式(get/post)

    data:用来传递的数据

    dataType:ajax接受后台数据的类型(json、xml)

    success:交互成功后要执行的方法

    注意事项:多个属性之间要用逗号来分开,ajax和后台交互时,后台是不能够直接跳转到其他页面的

        servlet返回给ajax的时候使用JSONObject来保存值。之后通过                response.getOutputStream().write(jsonObject.toString().getBytes("utff-8"))进行返回数据。

        通过window.location.href="路径";进行页面的跳转。

    相关文章

      网友评论

        本文标题:Ajax局部刷新(JQuery版)

        本文链接:https://www.haomeiwen.com/subject/lmptjftx.html