jQuery和Ajax脚本解释

Question

有人可以一行一行地向我解释这个剧本的作用我很遗憾。结果是一个CSS div，稍后会显示一些搜索结果。

61  var resultObject = $( "#results" );     
62  $( "a" ).click( function( anchor ){
63      anchor.preventDefault();
64      var linkObject = $( this );
65      $.ajax({
66          url: linkObject.attr( "href" ), 
67          type: "post",                   
68          dataType: "html",               
69          error: function(){
70              resultObject.html( "<p>Page Not Found!!</p>" );
71              },
72          success: function( newData ){
73              resultObject.html( newData );
74              }
75          });                         
77  });
78 });

Answer 1

• 61 - 搜索id等于“results”的元素并分配给变量resultObject;
• 62 - 将click事件分配给tag的所有元素，anchor对象代表事件;
• 63 - 取消默认事件（我相信是为了防止标签发布POST）;
• 64 - 转换jQuery对象中的被点击元素（<a>），以使用其功能;
• 65 - 执行请求ajax POST到所单击元素的href属性中定义的URL;
• 68 - 指定数据类型为HTML;
• 70 - AJAX请求发生错误：ID为“results”的元素收到内容<p> Page Not Found </ p>!;
• 73 - AJAX请求成功：变量resultObject接收请求URL返回的内容。