Jquery considerations (extensions and ajax)

1. Expansion:
[Javascript]
$ (Document). ready (function (){
Var aa = {"uname": "dd", "uage": 19, "show": function () {alert (1 );}};
Var bb = $. extend ({}, aa, {"usex": "male", "uname": "bb"}); // inherits the parent Class aa
// Var bb = $. extend ({}, {"usex": "male", "uname": "bb"}, aa); // put aa behind and overwrite the previous one
Alert (aa. uname + "" + bb. uage + "" + bb. uname );
});

[Javascript]
Var settings = {validate: false, limit: 5, name: "foo "};
Var options = {validate: true, name: "bar "};
JQuery. extend (settings, options );
Result:
Settings = {validate: true, limit: 5, name: "bar "}

2. Ajax:

Java code:
[Java]
Response. setContentType ("text/html ");
PrintWriter out = response. getWriter ();
String name = request. getParameter ("uname ");
String location = request. getParameter ("location ");
System. out. println (name + "" + location );
String str = "{\" users \ ": [{\" uname \ ": \" zs \ ", \" age \ ": 1 }, {\ "uname \": \ "bb \", \ "age \": 5}]} ";
String str = "{'users': [{'uname': 'zs', 'age': 1}, {'uname': 'bb', 'age ': 5}]} ";
Str = str. replaceAll ("'","\"");
Out. print (str );
Jquery code:
[Javascript]
$ (Document). ready (function (){
$ ("Div"). bind ("click", {"age": 20}, function (){
$. Ajax ({
Url: "/MyJs/MyTestServlet ",
Type: "GET ",
Data: "uname = John & location = Boston ",
DataType: "json ",
Success: function (msg ){
Alert (msg. users [0]. uname );
}
});
});
});
3.
[Javascript]
// Var json = [{"name": "aa", "age": 18 },{ "name": "AB", "age": 19}];
// Alert ($ (json) [0]. age );

 

 

From yangyang's column