<div></div>
<button>load</button>

<img src="/UploadFiles/2021-04-02/avatar.jpg">

点击按钮后希望载入图像：


 $('button').click(function() {
  $('div').load('test.html');
 });



此时我们可以使用 ajaxStart 和 ajaxStop 函数来增加提示：


 $(document).ajaxStart(function() {//
  alert('load a picture');
 }).ajaxStop(function() {
  alert('show a picture');
 });
 $('button').click(function() {
  $('div').load('test.html');
 });


此时点击按钮后，再图像载入前先提示 load a picture，载入后提示 show a picture。
错误处理
最常用的方式是全局的 ajaxError 方法，以上例为例，如果我们像一个不存在的页面发送数据请求：


 $(document).ajaxError(function() {//
  alert('load failed!');
 });
 $('button').click(function() {
  $('div').load('noexsited.html');
 });


此时点击按钮后：

对于非 load 方法，还可以使用 fail 方法来连缀处理：


 $('button').click(function() {
  $.get('noexsited.html', function(data) {

  }).fail(function(jqXHR) {
   alert('status is ' + jqXHR.status);
  });
 });



JSONP
JSONP 即 JSON with padding，填充式 JSON，利用的是 <script> 标签可以跨域获取 Javascript 文件的思路，故可以跨域获取 JSON 数据。

JSONP 的格式是把标准 JSON 文件包装在一对圆括号中，圆括号又前置一个任意字符串。这个字符串，即所谓的 P，由请求数据的客户端来决定。

同样是上例的按钮，首先我们将外域页面 otherdomain.com/index.php 内容设置为：


<"name": "stephenlee", "sex": "male" }';
echo $_GET['callback'] .'('. $data .')';



我们使用特殊的占位符 "htmlcode">

 $('button').click(function() {
  $.getJSON('otherdomain.com/index.php"theimg" onclick="window.open(this.src)" src="/UploadFiles/2021-04-02/2014623175004459.jpg">



数据获取成功。