Jquery 中几个简单的方法:
1、取得html中某个属性的值:
<input type="text" id="userName"/>
Jquery 代码取节点:
var jqueryObj = $("[color=red]#[/color]userName");
传统代码节点:
var doc=document.getElementById("userName");
取值:
var userName = jqueryObj.val();
2、异步交互,将数据发送给服务器端
使用jquery 的XMLHttpRequest对象的get请求的封装对象发送
$.get("yourServletUrl?xxx=yyy",null,[color=red]callback[/color]);
回调函数 :
function [color=red]callback[/color](data){
接受服务器端返回的数据
alert(data);
动态要显示的页面隐藏区域
var reslutObj = $("[color=red]#[/color]divId");
动态的显示数据给页面
resultObj.html(data);
}
以上利用ajax和服务器进行交互可以重构代码为:
function mytest(){
$.get("myServletUrl?name="+$("#userName").val(),null,function(data){
$("#divId").html(data);
});
}
1、取得html中某个属性的值:
<input type="text" id="userName"/>
Jquery 代码取节点:
var jqueryObj = $("[color=red]#[/color]userName");
传统代码节点:
var doc=document.getElementById("userName");
取值:
var userName = jqueryObj.val();
2、异步交互,将数据发送给服务器端
使用jquery 的XMLHttpRequest对象的get请求的封装对象发送
$.get("yourServletUrl?xxx=yyy",null,[color=red]callback[/color]);
回调函数 :
function [color=red]callback[/color](data){
接受服务器端返回的数据
alert(data);
动态要显示的页面隐藏区域
var reslutObj = $("[color=red]#[/color]divId");
动态的显示数据给页面
resultObj.html(data);
}
以上利用ajax和服务器进行交互可以重构代码为:
function mytest(){
$.get("myServletUrl?name="+$("#userName").val(),null,function(data){
$("#divId").html(data);
});
}