探讨.get .post .ajax ztree 还有后台servlet传递数据的相关知识

 更新时间:2015年12月13日 14:18:31   投稿:mrr  
这篇文章主要介绍了探讨.get .post .ajax ztree 还有后台servlet传递数据的相关知识,需要的朋友可以参考下

servlet给前台传递data串

用的方法是

PrintWriter out = response.getWriter();
    // response.sendRedirect("test.jsp");
    String s = "[{'id':'1', 'pId':'0', 'name':'test1'},{'id':'11', 'pId':'1', 'name':'test11'}, {'id':'12', 'pId':'1', 'name':'test12'}, {'id':'111', 'pId':'11', 'name':'test111'},]";
    out.write(s);

----------------------

关于.get .post .ajax的浅显的理解是

最后一个是异步的,前面两个是同步的(阻塞的)

.get(url,data,function(data,status){
执行的函数
//我理解的data和url参数的意思是一样的
})

-------------------------

ztree的使用:

注意ztree两种json的格式的区别,经常使用的是简单的格式是,直接通过数据之间的关系显示树的结构

第二种是通过的是json的潜逃实现的

注意的是样式和js文件必须是引入全的然后是界面上的位置是ul

然后是

//注意的话是传递response传递回来的类型是string,这是string转换对象的方法
var ss = eval("(" + data + ")");
        var t = $("#test");
//然后是树控的初始化(位置,配置,数据)
        t = $.fn.zTree.init(t, setting, ss);
//取得树对象然后操作
var zTree = $.fn.zTree.getZTreeObj("test");

收集整理,关于后台的数据传往前台的问题解决

关于

.get替换成

.ajax
 $("button").click(function(){
 $.get("demo_ajax_load.txt", function(result){
  $("div").html(result);
 });
});------------ $.ajax({ url: url, data: data, success: success, dataType: dataType }); 

ps:AJAX使用POST方法向后台Servlet传递数据的方法

<script type="text/javascript">
 //统计资源访问次数的脚本
 //定义XMLHttpRequest对象
 var http_request=false;
 function send_request(url,rewriteUrl){
   http_request=false;
   //开始初始化XMLHttpRequest对象
   if(window.XMLHttpRequest){//Mozilla等浏览器初始化XMLHttpRequest过程
     http_request=new XMLHttpRequest();
     //有些版本的Mozilla浏览器处理服务器返回的未包含XML mime-type头部信息的内容时会出错.
     //因此,要确保返回的内容包含text/xml信息.
     if(http_request.overrideMimeType){
       http_request.overrideMimeType("text/xml");
     }
   }
   else if(window.ActiveXObject){//IE浏览器初始化XMLHttpRequest过程
     try{
       http_request=new ActiveXObject("Msxml2.XMLHTTP");
     }
     catch(e){
       try{
         http_request=new ActiveXObject("Microsoft.XMLHTTP");
       }
       catch(e){}
     }
   }
   //异常,创建对象失败
   if(!http_request){
     window.alert("不能创建XMLHttpRequest对象实例!");
     return false;
   }
   //指定响应处理函数
   http_request.onreadystatechange=processRequest;
   //发送HTTP请求信息
   http_request.open("POST",url,true);
   http_request.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
   //将参数放到这里,后台servlet可以用request.getParameter()方法取到这些参数
   http_request.send("rewriteUrl=" + rewriteUrl"&rewriteUrl2=" + rewriteUrl2);
 }
 //处理返回信息函数
 function processRequest(){
   //判断对象状态
   if(http_request.readyState==4){
     //判断HTTP状态码
     if(http_request.status==200){
       //信息已经成功返回,无动作
     }
     else {
       //请求页面有问题
       alert("您所请求的页面有异常!错误状态:"+http_request.status);
     }
   }
 }
 function dosearch(rewriteUrl){
  send_request("http://127.0.0.1:8000/); //这里的rewriteUrl就是页面上放置的资源经过重写后的链接
 }
//统计资源访问次数的JS——end
</script>

另外,页面上放置重写地址的元素需要调用上面的dosearch(rewriteUrl)方法,将重写后的链接当作参数传递给这个方法,例如:

<a href="http://127.0.0.1:8000/iras50/rewriter/CNKI/" target="_blank" onclick="dosearch('http://127.0.0.1:8000/iras50/rewriter/CNKI/');">中国知网</a>

相关文章

  • Struts2和Ajax数据交互示例详解

    Struts2和Ajax数据交互示例详解

    这篇文章主要给大家介绍了关于Struts2和Ajax数据交互的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧。
    2018-01-01
  • AJAX 验证框架13个

    AJAX 验证框架13个

    众所周知,验证,最好是在客户端尽量解决,以降低服务端资源开销;在目前AJAX流行的今天,基于AJAX的验证更能够为客户端验证提供丰富的机制和美观的交互效果。本文收集了13个比较通用的AJAX验证框架,与大家分享!
    2009-08-08
  • Ajax跨域登录请求未携带cookie错误解决

    Ajax跨域登录请求未携带cookie错误解决

    这篇文章主要为大家介绍了Ajax跨域登录请求未携带cookie错误解决,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-10-10
  • JavaScript操作表单_动力节点Java学院整理

    JavaScript操作表单_动力节点Java学院整理

    用JavaScript操作表单和操作DOM是类似的,因为表单本身也是DOM树。下面通过本文给大家介绍JavaScript操作表单的相关知识,感兴趣的朋友一起看看吧
    2017-06-06
  • js跨域调用WebService的简单实例

    js跨域调用WebService的简单实例

    下面小编就为大家带来一篇js跨域调用WebService的简单实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-09-09
  • Ajax请求WebService跨域问题的解决方案

    Ajax请求WebService跨域问题的解决方案

    这篇文章主要介绍了Ajax请求WebService跨域问题的解决方案,本文给大家介绍的非常详细,具有参考借鉴价值,需要的朋友可以参考下
    2016-10-10
  • 利用Ajax实现智能回答的机器人示例代码

    利用Ajax实现智能回答的机器人示例代码

    这篇文章主要介绍了利用Ajax实现智能回答的机器人,本文结合示例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-12-12
  • Ajax请求中async:false/true的作用分析

    Ajax请求中async:false/true的作用分析

    这篇文章主要介绍了Ajax请求中async:false/true的作用,结合实例形式分析说明了Ajax请求中async:false/true的具体功能与使用技巧,需要的朋友可以参考下
    2016-04-04
  • 解决ajax回调函数返回的字符串乱码问题

    解决ajax回调函数返回的字符串乱码问题

    ajax回调函数,返回的字符串乱码问题很是让人痛恨,下面有个不错的解决方法,大家可以参考下
    2014-01-01
  • axios和ajax的区别点总结

    axios和ajax的区别点总结

    在本篇文章里小编给大家整理的是一篇关于axios和ajax的区别点总结内容,对此有兴趣的朋友们可以跟着学习下。
    2021-12-12

最新评论