zoukankan      html  css  js  c++  java
  • function(data)

    转:http://blog.csdn.net/lixld/article/details/12206367

    之前用了$.post()已经很久了,可是从来没有好好研究过这里的data对象,今天好好总结下:

    jQuery文档中说,这里的data类型可以是:xml, html, script, json, text, _default

    下面介绍我用过的几种:

    1.json

    后台:

    PrintWriter out = null;
    try {
    JSONArray json = JSONArray.fromObject(list);
    getResponse().setContentType("text/html;charset=UTF-8");
    getResponse().setCharacterEncoding("UTF-8");
    out = getResponse().getWriter();
    out.write(json.toString());//返回json字符串
    out.close();
    } catch (IOException e) {
    e.printStackTrace();
    } finally {
    if (out != null) {
    out.close();
    }
    }

    前台:

     $.get(url, { "searchContent": searchContent }, function(data) {
             cache[searchContent]=data;//保存缓存
             var d = eval("("+data+")");//通过eval() 函数可以将JSON字符串转化为对象。---这里没有给$.get()配置返回类型,直接调用这个则自动识别为json
    $($autocomplete).css({"left":$("#search-text").position().left,"top":$("#search-text").position().top+32});
             var li = "<li style='padding-left:5px;text-align:left;395px;position: relative;height: "+height+"'></li>";
                    $autocomplete.empty();
                    $.each(d, function(index, term) {//jquery的each函数$.each(data,function(index,item){})
    clientTypeId = term.dim.id;
    version = term.version.name;

    }

    }

    2.text

    用于唯一性检查

    后台:

    @Action("checkOemTag")
    public void checkOemTag() {
    String oemTag = this.getRequest().getParameter("oemTag");

    List<DimOemtag> dimOemtags = dimOemtagManager.getTagByOemTag(oemTag);
    PrintWriter out;
    try {
    out = this.getResponse().getWriter();
    if(dimOemtags!=null&&dimOemtags.size()!=0){
    out.print("exist");//直接返回字符串
    out.flush();
    out.close();
    }else{
    out.print("noexist");
    out.flush();
    out.close();
    }
    } catch (IOException e) {
    // TODO Auto-generated catch block
    e.printStackTrace();
    }
    }

    前台:

    $.post(base+"/manager/tag/checkOemTag.feinno",
    {oemTag:thisObjVal},
    function(data){
    if("exist"==data){//直接返回是一个字符串
    thisObj.css("background-color","pink");
    thisObj.css("color","red");
    var left = thisObj.offset().left;
    var height = thisObj.height();
    var width = thisObj.width();
    var top = thisObj.offset().top;
    top = top+height+3;
    thisErrorMsgObj.css("display","block");
    }else{
    thisObj.css("background-color","");
    thisObj.css("color","");
    thisErrorMsgObj.css("display","none");
    $(OEMTagTD).find("#tagNameTD").css("height","30");
    $(OEMTagTD).find("#tagName").css("height","30");

    }
    },"text"//这个非常重要,如果直接返回一个字符串,用text,经过测试,如果不写,也不用eval函数则默认是xml

    );

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

    用ajax来显示等待动态gif图,

    步骤1:页面本身就有一个动态的gif图片

    步骤2:调用ajax或者$.post()返回,在回调函数中把步骤1的动态图去掉(通过控制样式)

    =======================================ajax填充表单页面,日期类型显示为【Object】====================================================

    解决办法方法:

  • 相关阅读:
    深入Spring之IOC之加载BeanDefinition
    Hexo+GitHub Actions 完美打造个人博客
    Spring中资源的加载原来是这么一回事啊!
    Web 跨域请求问题的解决方案- CORS 方案
    重新认识 Spring IOC
    Spring Data Jpa 入门学习
    前奏:Spring 源码环境搭建
    最短路径——floyd算法代码(c语言)
    leetcode 第184场周赛第一题(数组中的字符串匹配)
    如何用尾插法建立双链表(C语言,非循环)
  • 原文地址:https://www.cnblogs.com/fengli9998/p/7356170.html
Copyright © 2011-2022 走看看