javascript - 对 WEB API 的 Jquery Ajax 调用

Question

我正在尝试对 WEB API 方法进行简单的 jquery ajax 调用。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
<script type="text/javascript">

    $(document).ready(function () {

        $.ajax({
            type: 'POST',
            url: 'http://redrock.com:6606/api/values/get',

            dataType: "jsonp",

            crossDomain: true,
            success: function (msg) {

                alert("success");

            },
            error: function (request, status, error) {

                alert(error);
            }
        });
    });

</script>

WEB API 操作:

 public IEnumerable<string> Get()
  {
     return new string[] { "value1", "value2" };
  }

ajax 调用未命中 WEB API。我在浏览器控制台中收到以下错误。

获取 http://redrock.com:6606/api/values/get?callback=jQuery18207315279033500701_1383300951840&_=1383300951850 400(错误请求)

Answer 1

除非是跨域调用，否则没必要使用jsonp(jsonp还需要Web API中的自定义格式化器)。

$.getJSON('http://redrock.com:6606/api/values', function(data){
    console.log(data);
});

编辑:

要安装 jsonp 媒体类型格式化程序，请查看此项目:https://github.com/WebApiContrib/WebApiContrib.Formatting.Jsonp

• 使用 nuget 下载格式化程序
• 注册格式化程序
• 更新你的路由配置