首页 > 代码库 > jQuery学习
jQuery学习
var xmlhttp; if(window.XMLHttpRequest){ // IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码 xmlhttp = new XMLHttpRequest(); } else // IE6, IE5 浏览器执行代码 xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); xmlhttp.onreadystatechange = function(){ if(xmlhttp.readyState == 4 && xmlhttp.status == 200){ document.getElementById("root").innerHTML = xmlhttp.responseText; } }; xmlhttp.open("GET","URL",true); xmlhttp.send(); xmlhttp.open(‘post‘,‘url‘,true); xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded"); xmlhttp.send("fname=xiong&lname=ying"); $(document).ready(function(){ $(‘button‘).click(function(){ //ajaxSetup用来为将来的ajax请求设置默认值 $.ajaxSetup({ url:"", data:"", dataType:"json", type:‘get‘, success:function(result,status,xhr){ document.getElementById("root").innerHTML = reuslt; $("#div").html(result); }, error:function(err){ alert(err); }, contentType:"applicaton/x-www-form-urlencoded", username:"xiongyingcai", password:"123", timeout:"50" }); //写好$.ajaxSetup()设置好默认值之后,这里我们就可以直接使用$.ajax()了 $.ajax(); }) }); //$.get()方法的使用,其格式大致为:$.get(URL,data,function(data,status,xhr),dataType) $.get( "",//url { ‘colors[]‘ : ["Red","Green","Blue"] },//传入的数据 function(data,status,xhr){//成功时的回调函数 alert("数据:"+data+"状态:"+status); }, json//dataType 其类型大致如下 // "xml" - 一个 XML 文档 // "html" - HTML 作为纯文本 // "text" - 纯文本字符串 // "script" - 以 JavaScript 运行响应,并以纯文本返回 // "json" - 以 JSON 运行响应,并以 JavaScript 对象返回 // "jsonp" - 使用 JSONP 加载一个 JSON 块,将添加一个 "?callback=?" 到 URL 来规定回调 ) $.noConflict(); jQuery(document).ready(function(){ jQuery("button").click(function(){ jQuery("#root").text("nibushi") }) }); //或者 var p = $.noConflict(); p(document).ready(function(){ p("button").click(function(){ p("#root").text("nibushi") }) });
jQuery学习
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。