美文网首页我爱编程
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版)

    Ajax简介:Ajax是一种用于创建快速动态网页的技术。 Ajax特点: -通过在后台与服务器进行少量数据交换,A...

  • 关于局部刷新的一点思考

    1.思索如何完成页面局部的刷新 2.考虑应用jquery+ajax完成局部刷新.get(),(id).html()...

  • ajax局部刷新

    1.ajax是什么 ajax的全称是AsynchronousJavascript+XML,即异步传输+js+xml...

  • Ajax

    1、Ajax最大的作用(特点) 异步传输、局部刷新。 AJAX(Asynchronous Javascript A...

  • jQuery - AJAX、mysql的优化

    一)jQuery常用AJAX-API 目的:简化客户端与服务端进行局部刷新的异步通讯 1)取得服务端当前时间 简单...

  • Ajax

    1,局部刷新 、 异步记载 Ajax全程 Asynchronous And XML 2,Ajax 4个步骤 a,创...

  • 2018 10 21

    学习jQuery下的ajax方法获取异步刷新数据

  • 使用jquery刷新当前页面

    如何使用jquery刷新当前页面 div的局部刷新 $(".dl").load(location.href+" ....

  • ajax

    [TOC] ajax 最大的功能:局部刷新 格式 $.ajax({}) 传统写法 顺序可以变换 简写 顺序不可变 ...

  • node.js form文件上传

    1. 传统上传方式 注意:以上方式会导致整个页面刷新,不刷新整个页面需要使用ajax局部刷新技术。 2. ajax...

网友评论

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

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