JQuery+ajax Jsonp 跨域获取数据* 附加获取成功图片

JQuery+ajax Jsonp 跨域获取数据附加

获取 成功图片

web端 8088端

<script>
        $(document).ready(function () {
      $("button").click(
    function login() {
    $('#status').val() + '"}';
    $.ajax({
    type : "GET",
    contentType :'application/json',
        url: "http://localhost:8080/login?callback=qs",
        dataType : "jsonp", //dataType 跨域请求所需 只能使用get请求 同源策略 服务器返回数据类型
        jsonp: "callback",
        jsonpCallback : "qs",
        processData : false,
     // data : " ”,
        // data 规定要发送到服务器的数据
    success : function(data,status) {
    alert("userid: " + data.id + "username: " + "status: "+ data.status+" "+status+data);
    },
    error : function(XMLHttpRequest, textStatus, errorThrown) {
    alert("出现异常，异常信息："+textStatus,"error");
    }
    });
    });
        });
    </script>

web端写一个按钮用于触发ajax****

<button>ajax获取数据</button>

服务端

import com.alibaba.fastjson.JSONPObject;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;
import org.springframework.web.bind.annotation.ResponseBody;

@Controller
public class ResposeController {
  // <mvc:annotation-driven/>开启它
    @RequestMapping(value = "/login",method = RequestMethod.GET)
    @ResponseBody
    public Object login(User user,String callback) throws Exception {
    //callback为 http://localhost:8080/login?callback=qs  中qs
        user.setId(99);
        user.setLove("qs");
       JSONPObject jsonpObject = new JSONPObject(callback);
        jsonpObject.addParameter(user);
        return jsonpObject.toJSONString();//记得转换 否则只是json对象数组
        并非jsonp格式数据
    }

}

获取成功图片

8088端 前端

8080端 后端