jQuery使用整理

来源：互联网发布：网络维护要什么证件编辑：程序博客网时间：2024/06/05 04:49

昨天写百度地图，通过输入地址解析经纬度，对jQuery的Ajax刷新初步学习

1.使用jQuery首先需要引入包，<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-1.7.2.min.js"></script>

2.使用百度api需要引入API的网络包<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=写入你的密匙"></script>

3.js代码要使用jQuery的方法，需要进行转换，使用$()

4.jQuery的页面加载方法$(function(){});

5.jQuery的Ajax方法（与后台进行交互）$.ajax({ type:"post",url:"",dataType:"json",data:"",success:function(data){} ,error:function(){} });

type是交互传输类型，post、get，datatype：返回的数据类型，data：望后台传输的数据，success：成功的回调函数，error：失败的回调函数

6.如何往浏览器前台输出，console.log();

7.jQuery的遍历方法（js中可以用for循环的地方都可以用jQuery的each方法）

$.each(function(i,n){});两个参数，i代表下标，n代表某次循环的实体

8.$("img")选取所有的img标签，$("img").attr();设置或返回选中标签的属性，具体看api

9.补充一点后台如何将list集合转换成Json数据

JSONArray jsonArray=JSONArray.fromObject(list);

将jsonArray传到前台时，需要以String类型传输，即使用toString方法

10.使用ResponseUtils(公司同事写的通用类)Response.renderJson();发送Json字符串，以后研究

0 0