jQuery使用及使用封装好的Ajax

jQuery的使用及转化

//1.jq如何使用

//$("选择器").动作()

//console.log($("#myDiv"));

//console.log(document.getElementById("myDiv"));

/*

js操作

var arr = document.getElementsByTagName("p");

for(var i = 0; i

    arr[i].innerHTML = "aaa";

} */

/*

jq操作

var arr = $("#myDiv").children();

for(var i = 0; i

    arr[i].innerHTML = "aaa";

} */

//2.js原生对象和jq对象的相互转化

//jq对象-->js原生对象

var jqObj = $("#myDiv");

var jsObj = jqObj[0];

console.log(jsObj);

//js原生对象-->jq对象

var jsObj2 = document.getElementById("myDiv");

var jqObj2 = $(jsObj2);

console.log(jqObj2);

//3.测试一个对象是js原生对象还是jq对象，只需使用一下属性即可

jQuery的Ajax使用方式

//async:是否异步请求

//data:发送到服务器的数据

//dataType:预期服务器返回数据的类型

function testAjax() {

    $.ajax({

        url:"hiservlet",

        type:"get",

        async:true,

        data:{aaa:"bbb",ccc:"ddd",fav:"1",fav:"2"}, //"aaa=bbb&ccc=ddd"

        dataType:"json",

        success:function(data){

            console.log(data.aaa);

        }

    })

    $("#results").append( "" + $("form").serialize() + "" );

}