zoukankan      html  css  js  c++  java
  • Js C# 实现跨域访问数据

    使用项目一的js调用项目二的数据

    1.项目一

     1 @{
     2     Layout = null;
     3 }
     4 
     5 <!DOCTYPE html>
     6 
     7 <html>
     8 <head>
     9     <meta name="viewport" content="width=device-width" />
    10     <title>js跨域调用</title>
    11     <script src="~/Scripts/jquery-1.8.2.min.js"></script>
    12     <script>
    13         $(function () {
    14             $.ajax({
    15                 type: "GET",//必须是GET方式
    16                 dataType: 'jsonp',//数据类型必须是jsonp
    17                 jsonp: 'jsonp_callback',
    18                 url: 'http://localhost:14373/test/GetString?callback=?',//必须有?callback=? 名字可以换
    19                 success: function (da) {
    20                     $("#name").html(da.name);
    21                     $("#value").html(da.value);
    22                 }, error: function () {
    23                     alert("ERROR");
    24                 }
    25             });
    26         });
    27     </script>
    28 </head>
    29 <body>
    30     <span id="name"></span>
    31     <span id="value"></span>
    32 </body>
    33 </html>
    HTML代码

     2.项目二

     1 using System;
     2 using System.Web.Mvc;
     3 
     4 namespace MVC4.Controllers
     5 {
     6     public class testController : Controller
     7     {
     8         public ActionResult Index()
     9         {
    10             return View();
    11         }
    12 
    13         public void GetString()
    14         {
    15             var response = HttpContext.Response;
    16             response.ContentType = "text/json";
    17             string str = Request.QueryString["callback"];//JS接受变量名
    18             response.Write(str + "({"name":" + """ + "姓名" + """ + ","value":" + """ +""+ ""})");//返回数据
    19         }
    20     }
    21 }
    控制器代码
  • 相关阅读:
    第24课 #pragma使用分析
    第23课 #error和#line使用分析
    第22课 条件编译使用分析
    第21课 宏定义与使用分析
    Codeforces Round #142 (Div. 2)B. T-primes
    SPOJ XMAX
    Uva 10036
    Timus 1009. K-based Numbers
    MBLAST
    ROADS
  • 原文地址:https://www.cnblogs.com/liuph/p/4168738.html
Copyright © 2011-2022 走看看