zxr85 发表于 2013-1-29 12:03:22

Jquery 简单用法

Jquery 中几个简单的方法:
1、取得html中某个属性的值:
<input type="text" id="userName"/>
Jquery 代码取节点:
var jqueryObj = $("#userName");
传统代码节点:
var doc=document.getElementById("userName");

取值:
var userName = jqueryObj.val();

2、异步交互,将数据发送给服务器端
使用jquery 的XMLHttpRequest对象的get请求的封装对象发送
$.get("yourServletUrl?xxx=yyy",null,callback);

回调函数 :
function callback(data){
接受服务器端返回的数据
alert(data);
动态要显示的页面隐藏区域
var reslutObj = $("#divId");
动态的显示数据给页面
resultObj.html(data);
}

以上利用ajax和服务器进行交互可以重构代码为:
function mytest(){
$.get("myServletUrl?name="+$("#userName").val(),null,function(data){
$("#divId").html(data);
});
}
页: [1]
查看完整版本: Jquery 简单用法