jquery的layer,ajax,js对象等

<html>
<head>
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="layer.min.js"></script>
<script>
 var  html=‘<div class>用户名:<input  /><br>密码:<input  /></div>‘;
 
 var  obj= {check:function(options){
     $.post(options.url2,function(data){
    if(data == ‘no‘){
      layer.alert(‘您没有登录系统,请登录!‘, 8, function(){
      layer.close(layer.index);
     $.layer({
        type: 1,
        title: false, //不显示默认标题栏
        shade: [0], //不显示遮罩
        area: [‘600px‘, ‘360px‘],
        offset:[‘100px‘, ‘100px‘],
        page: {html:html}
    });
     });
    }
  
  },‘text‘);
 }};

$(document).ready(function(){

$(‘#test9‘).on(‘click‘, function(){
 obj.check({url2:‘http://localhost/test/check.php‘});
});
})
</script>
</head>

<body>
<button id="test9">999</button>
</body>
</html>

时间: 2024-12-28 05:22:56

jquery的layer,ajax,js对象等的相关文章

jquery 设置属性 对js对象和集合 的 操作

jquery  可以 通过attr 来获取和设置属性,通过HTML 可以看到. 可以在页面上 使用 data  来 存储 键值对,在页面上 通过HTML 是 看不到的, 1.修正字符串:   $.trim()value; 2.对属性和集合的迭代: $.each() 注意 数组和对象 时,function 参数的 区别 var s = ['one','two','three']; var s2 = {'one':1,'two':2,'three':3}; $.each(s,function(n,v

摆脱jquery,用自己的JS库实现ajax功能

可以将下面的代码保存在一个文件里如:myAjax.js,以后在项目中如果觉得jquery那一套很重,就完全可以使用自己的ajax库,不用担心性能和兼容性! /** * 创建ajax请求对象 * @returns XMLHTTPREQUEST */function createAjaxObj(){    var req ;    if(window.XMLHttpRequest){        req=new XMLHttpRequest();    }else{        req=new

Ajax JS 中的Ajax jquery中的Ajax

Ajax (Asynchronous Javascript And XML)  通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新.这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新. 1.Ajax的优势: 不需要插件的支持,能被大多数主流浏览器支持 优秀的用户体验,不用刷新整个页面,就能更新数据 提高web程序的性能,通过XMLHttpRequest对象向服务端提交所需的数据 2.Ajax的核心: XMLHttpRequest 对象, 发送异步请求.接收相应 .

jQuery的文件引入、入口函数以及js对象和jquery对象之间的互相转换

JavaScript与jquery的区别 JavaScript是一门编程语言,用来编写客户端浏览器脚本. jQuery是javascript的一个库,包含多个可重用的函数,用来辅助简化javascript开发 jQuery能做的javascript都能做到,而JavaScript能做的事情,jQuery不一定能做到 jQuery文件的引入 <body> <div class="box"></div> <!--引包(引入jquery库)-->

js中的原生Ajax和JQuery中的Ajax

AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML). js中的Ajax: 参数介绍: open(String method,String url,boolean asynch);        准备请求:             url:            get/post            true/false:            true:异步            false:同步 readyState  

JQuery之JQuery的版本 JQuery入门 属性获取 JQuery就绪函数 JS文档就绪函数和JQuery文档就绪函数的区别 JS对象和JQuery对象的区别 关于$的使用 多个JS库的冲突解决方案

JQuery的版本 JQuery入门 属性获取 JQuery就绪函数 JS文档就绪函数和JQuery文档就绪函数的区别 JS对象和JQuery对象的区别 关于$的使用 多个JS库的冲突解决方案 JQuery的版本 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>jQuery的版本</title> <

DOM对象和js对象以及jQuery对象的区别

一.DOM对象 文档对象模型简称DOM,是W3C组织推荐的处理可扩展置标语言的标准编程接口. DOM实际上是以面向对象方式描述的文档模型.DOM定义了表示和修改文档所需的对象.这些对象的行为和属性以及这些对象之间的关系. 通过DOM,可以访问所有的 HTML 元素,连同它们所包含的文本和属性.可以对其中的内容进行修改和删除,同时也可以创建新的元素. HTML DOM 独立于平台和编程语言.它可被任何编程语言诸如 Java.JavaScript 和 VBScript 使用. DOM对象,即是我们用

jquery对象和js对象的转化

jquery对象只能使用jqury方法,不能使用js的方法,相反的,js对象也只能使用js的方法,如果js对象使用了jquery方法,那么浏览器就会报错. 但是在一些特定的时候,我们就需要对jquery对象使用js的方法,此时就要用到两者对象之间的转化. jquery对象转化为js对象: 1 var person = $("div");//这是一个jquer对象 2 3 var per1 = person[0];//此时的per1是一个js对象 4 var per2 = person.

jquery 和 js 对象转换

核心提示:jquery选择器得到的jquery对象和标准的 javascript中的document.getElementById()取得的dom对象是两种不同的对象类型,一般情况下,如S('#id')得到的是jquery对象,它不能使用js中的dom方法.所以,如果jquery对象要使用标准的dom方法,就需要进行对象转换. 刚开始学习jQuery,可能一时会分不清楚哪些是jQuery对象,哪些是DOM对象.至于DOM对象不多解释,我们接触的太多了,下面重点介绍一下jQuery,以及两者相互间