C# 使用Jquery/Ajax和WebApi Get方法加载选项卡_C#_Jquery_Html_Ajax_Asp.net Web Api

C# 使用Jquery/Ajax和WebApi Get方法加载选项卡

c# jquery html ajax asp.net-web-api

C# 使用Jquery/Ajax和WebApi Get方法加载选项卡,c#,jquery,html,ajax,asp.net-web-api,C#,Jquery,Html,Ajax,Asp.net Web Api,我正在学习jquery/ajax并做一些测试。我试图从asp.NETWebAPI应用程序中提供html，并在用户选择所需选项卡时将其加载到JqueryUI选项卡中我无法加载html内容我正在遵循这方面的教程这是我正在使用的html： <!DOCTYPE html> <html> <head> <title> Este es el pedazo de titulo</title> <script src="http://aj

我正在学习jquery/ajax并做一些测试。我试图从asp.NETWebAPI应用程序中提供html，并在用户选择所需选项卡时将其加载到JqueryUI选项卡中

我无法加载html内容

我正在遵循这方面的教程

这是我正在使用的html：

<!DOCTYPE html>
<html>

<head>
<title> Este es el pedazo de titulo</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/ui.tabs.closable.min.js"></script>
<link rel="stylesheet" href="http://jqueryui.com/jquery-wp-content/themes/jqueryui.com/style.css">
<link rel="stylesheet" href="http://jqueryui.com/jquery-wp-content/themes/jquery/css/base.css?v=1">
<script>
$(document).ready(function(){

    $(function() {
    $( "#tabs" ).tabs({
      beforeLoad: function( event, ui ) {
        ui.jqXHR.error(function() {
          ui.panel.html(
            "Couldn't load this tab. We'll try to fix this as soon as possible. " +
            "If this wouldn't be a demo." );
        });
      }
     });
   });  
 });

</script>
</head>

<body>

<div id="tabs">
  <ul>   
    <li><a href="#tabs-1">Preloaded</a></li>
    <li><a href="http://localhost/RestFulApi/api/Tabs?name=carlos">Tab 2</a></li>    
  </ul> 
   <div id="tabs-1">
    <p>Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, risus. Curabitur nec arcu. Donec sollicitudin mi sit amet mauris. Nam elementum quam ullamcorper ante. Etiam aliquet massa et lorem. Mauris dapibus lacus auctor risus. Aenean tempor ullamcorper leo. Vivamus sed magna quis ligula eleifend adipiscing. Duis orci. Aliquam sodales tortor vitae ipsum. Aliquam nulla. Duis aliquam molestie erat. Ut et mauris vel pede varius sollicitudin. Sed ut dolor nec orci tincidunt interdum. Phasellus ipsum. Nunc tristique tempus lectus.</p>
  </div>
</div>  

</body>

</html>

问题是，每当我单击tab2时，都会收到预定义的错误消息：

无法加载此选项卡，我们将尝试尽快解决此问题。

你知道为什么我的标签上没有我的Html响应吗

编辑：

好的，我在后面添加了

console.log（参数）

 ui.jqXHR.error(function() {}

我得到了以下错误：

无法加载XMLHttpRequest

http://mydomain/RestFulApi/api/Tabs?name=carlos

。原点null不为空访问控制允许允许源

在对访问控制允许来源问题做了一些研究之后，我通过在IIS服务器上执行我的应用程序并更改href路径来修复它

对下列事项：

 <li><a href="/RestfulApi/api/Tabs?name=carlos">Tab 2</a></li>

一些指针：确保域是相同的（注意本教程只使用相对链接），并且不包含

标记。我不使用相对链接。已从html响应中删除。谢谢你的提示

 <li><a href="/RestfulApi/api/Tabs?name=carlos">Tab 2</a></li>