zoukankan      html  css  js  c++  java
  • jquery ajax 个人总结

    jquery :

    在获取对象的时候,不要用dem的与jquery的混合写法,有的时候 用js获取到的对象 没有JQUERY对应的方法  会报一些不知道的错误。(即如果要使用jquery 就使用jquery 不要乱着使用,因为在不同的浏览器中,兼容是不一样的,因此会造成一些方法的缺失).

    如果html代码是动态生成的,且需要之前定义好的动作可以使用,则需要用live代替bind,并且最好不要直接使用click,hover等直接时间,通过绑定将会更好.
    window.location.href ="" 链接
    window.location.href.getQueryString() 获得链接中所带的参数

    将select改为可筛选的模式   在使用flexSelect 插件在实际中的运用
    function initMasterID()
    {
    $(".MasterID").html("");
    $.ajax({
    url:"/api/initMasterID",
    type:"post",
    data:{sid:sid},
    success:function(data){
    var html = "";
    for(i=0;i<data.data.length;i++)
    {
    var value = data.data[i]["ID"];
    var text =data.data[i]["Username"]+" &nbsp&nbsp "+data.data[i]["NickName"];
    html = html+"<option value = '"+value+"'>"+text+"</option>";
    }
    html+="<script type='text/javascript'>$('select[class*=flexselectUser]').flexselect();</script>";
    $(".MasterID").append(html);
    inputAddMasterID = data.data[0]["ID"];
    }
    });
    }

    为jquery dialog 里面的按钮 添加图标

    $('.ui-dialog-buttonpane').find('img').remove();
    $('.ui-dialog-buttonpane').find('button:contains("保存")').removeClass('ui-button-text-only').addClass('ui-button-text-icon-primary').prepend('<img style="20px;height:20px;margin:5px 0 0 5px;float:left;" src="http://images.cnblogs.com/20130314051621481_easyicon_net_48.ico" />');
    $('.ui-dialog-buttonpane').find('button:contains("取消")').removeClass('ui-button-text-only').addClass('ui-button-text-icon-primary').prepend('<img style="20px;height:20px;margin:5px 0 0 5px;float:left;" src="http://images.cnblogs.com/20130314051600862_easyicon_net_48.ico" />');
    $('.ui-dialog-buttonpane').find('button:contains("删除")').removeClass('ui-button-text-only').addClass('ui-button-text-icon-primary').prepend('<img style="20px;height:20px;margin:5px 0 0 5px;float:left;" src="http://images.cnblogs.com/20130315101138263_easyicon_net_48.ico" />');

    可以直接使用

    ajax:


    ajax 后来生成的元素 或者赋值问题 当你不将后续行为写在回调函数中区 可能会导致当你运行到其他的地方的时候 ajax还没有得到返回 就会导致行为的不执行 或者样式的没有设定好 因此 要彻底理解ajax的特征 、

    忽略了ajax的加载时间,不一定在下面的就是后加载好,如果部署到服务器上,访问时间可能不一样。因此,要对ajax的这个异步加载的时间要进行深刻的理解。(多表现在,刷新页面的时候,有的时候表现很正常,有的时候表现异常,上下不一致。还有就是在对ajax动态生成的元素进行操作时,一定要写在ajax的回调函数中去,不然ajax当你对生成的元素进行控制时,它还不一定被生成。最经典的例子,就是alert的时候,然后能够正常运行,如果没有alert 则不能够正常表现。)

    中文乱码问题:无敌解决法  在前台escape('参数'),后台Server.UrlDecode(System.Web.HttpUtility.UrlDecode(Request("参数"));


    作者:wangqc
    出处:http://www.cnblogs.com/wangqc/
    本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。
    该文章也同时发布在我的独立博客中-wangqc

  • 相关阅读:
    git 命令图解
    tensorflow 保存及其加载
    tensorflow estimator 与 model_fn 是这样沟通的
    面向过程、面向函数、面向对象的区别浅谈
    Python 中自定义spark转换器
    pyspark 好用多了,放弃scala
    variable_scope 与 name_scope 区别
    tensorflow 条件语句与循环语句
    html 标签内部元素上下居中
    html 标签内部元素左右居中
  • 原文地址:https://www.cnblogs.com/wangqc/p/jqueryAjax.html
Copyright © 2011-2022 走看看