在此个示例程序中,笔者将使用$.ajax方法也足以,但本人以为$.ajax(卡塔尔(英语:State of Qatar)越来越好一些,代码更易于懂,并且也许有一些复杂。复制代码
代码如下://定义客商出名学园验的方法function verify(卡塔尔(قطر‎{
//首先测量试验一下页面包车型客车按键按下,可以调用那一个法子
//使用javascript的alert方法,呈现多个探出提醒框 //alert;
//1.获取文本框中的内容 //document.getElementById; dom的办法
//Jquery的探究节点的点子,参数中#增多id属性值能够找到叁个节点。
//jquery的措施再次来到的都是jquery的指标,能够三番五次在上头推行此外的jquery方法
var jqueryObj = $; //获取节点的值 var userName = jqueryObj.val;
//2.将文本框中的数据发送给服务器段的servelt
//javascript当中,一个简约的靶子的定义方法 var obj =
{name:”123″,age:20}; //使用jquery的XMLHTTPrequest对象get央求的封装
$.ajax({ type: “POST”, //http诉求方式 url: “AJAXXMLServer”,
//服务器段url地址 data: “name=” + userName, //发送给服务器段的数量
dataType: “xml”, //告诉JQuery重临的数码格式 success: callback
//定义交互作用完毕,並且服务器正确重返数据时调用的回调函数
}卡塔尔国;}回调函数:复制代码
代码如下://回调函数function callback {// alert;
//3.选择服务器端重临的数量 //须要将data那么些dom对象中的数据分析出来
//首先须求将dom的目的转变来JQuery的目的 var jqueryObj = $;
//获取message节点 var message = jqueryObj.children(卡塔尔(قطر‎; //获取文本内容 var
text = message.text(卡塔尔; //4.将劳动器段重回的数量动态的显得在页面上
//找到保存结果消息的节点 var resultObj = $;
//动态的变动页面中div节点中的内容 resultObj.html;}

在JQuery中得以利用get,post和ajax方法给劳务器端传递数据

get方法的采用:

function verify(卡塔尔国{//1.赢得文本框的数量

//通过DOM的方法得到//document.getElementByIdx;//通过JQuery的法子获得var
jqueryObj = $;//获取节点的值var userName = jqueryObj.val(卡塔尔(قطر‎;

//2.将文本框的数量发送到服务器端的servlet$.get(“AJAXServer?name=” +
userName,null,callback卡塔尔国;}//回调函数function callback{

//3.担任从劳动器端重临的数据//
alert;//4.将劳动器端的归来的数额展示到页面上//取到用来体现结果新闻的节点var
resultObj = $;resultObj.html;}

我将使用$.ajax方法也可以,//通过JQuery的方式获取var。能够将方面包车型地铁文书简写成:function
verify(卡塔尔(قطر‎{$.get(“AJAXServer?name=”+$,null,function callback.html;}

post方法的接受:

function verify(卡塔尔(英语:State of Qatar){//1.拿到文本框的数码

//通过DOM的方法获得//document.getElementByIdx;//通过JQuery的法子获得var
jqueryObj = $;//获取节点的值var userName = jqueryObj.val(卡塔尔;

//2.将文本框的数量发送到服务器端的servlet // $.post(“AJAXServer?name=” +
userName,null,callback卡塔尔(英语:State of Qatar);//用post是也能够直接将参数跟在U昂科威L前面$.post(“AJAXServer”,{name:userName,test:”test123″},callback卡塔尔国;//传递七个参数时用逗号隔绝,属性值借使是变量的话一贯写上,如:userName,假若是字符的话要抬高引号,如:“test123”.}//回调函数function
callback{

//3.选取从劳动器端重返的数据//
alert;//4.将服务器端的回来的数码展现到页面上//取到用来显示结果音信的节点var
resultObj = $;resultObj.html;}

能够将地方的公文简写成:function
verify(卡塔尔{$.post(“AJAXServer”,{name:$,test:”test123″},function.html;}

总结:实际上get和post方法经常,只要将get和post交换就可以,而参数的存放地点五个地点都行;

$.post(“AJAXServer”,{name:$,test:”test123″},function.html;

风华正茂旦将post直接改成get,而不用改正参数的地点,即:

$.get(“AJAXServer”,{name:$,test:”test123″},function.html;

ajax方法的利用接受数据类型是纯文本的数量:

function verify(卡塔尔{//1.获得文本框的数量//通过JQuery的法子获得var
jqueryObj = $;//获取节点的值var userName = jqueryObj.val(卡塔尔(英语:State of Qatar);

//2.将文本框的数码发送到服务器端的servlet$.ajax({type:”POST”,url:”AJAXServer”,data:”name=”+userName+”&”+”test=123″,success:function.html;}

ajax方法的接收接收数据类型是XML的多少:

function verify(卡塔尔国{//1.拿到文本框的数额//通过JQuery的点子获得var
jqueryObj = $;//获取节点的值var userName = jqueryObj.val(卡塔尔(قطر‎;

//2.将文本框的多寡发送到服务器端的servlet$.ajax({type:”POST”,url:”AJAXXMLServer”,data:”name=”+userName+”&”+”test=123″,

dataType:”xml”,success:function{//首先要求将传过来的DOM对象转变为jquery对象var
jqueryObj = $;//获取message节点var messageNods =
jqueryObj.children(卡塔尔;//获取文本内容var responseText =
messageNods.text.html;}

相关文章