0

如何使用 JSONP发送包含数组的复杂类型对象

 var product= {categories:[ {id:1,text:"cat 1"},{id:2,text:"cat 2"}],id:43,price:3535};
 $.getJSON(url ,product, function (data) {

 //i can get the data from the server but i cant pass the complex array to the server
 });

在 asp.net mvc 服务器上：

    public JsonpResult Create(Product product)
    {
        string thisisok = product.id;
        string needthis = product.categories[0].text;           
        return new JsonpResult { Data = true };
    }

我应该如何使用“getjson”方法传递复杂的 json，我不能使用 ajax 请求，因为它需要跨域

4

2 回答 2

3

好吧，我有一个类似的问题；我想使用 jsonp 将一组对象传递给控制器​​，但我总是将它作为空值接收！（我的意思是，通过 GET 方法并具有跨域的回调功能）

假设我有一个复杂的类：SearchCriteria

public class SearchCriteria
{
    public string destination {get; set;}
    public string destinationTitle { get; set; }        
    public string departure { get; set; }
    public string month { get; set; }
    public string nights { get; set; }
    public string cruiseline { get; set; }
}

我想将一组 SearchCriteria 传递给我的控制器。

我找到了创建属性的解决方案：

public class JsonpFilter : ActionFilterAttribute
{
    public string Param { get; set; }
    public Type JsonDataType { get; set; }
    public override void OnActionExecuting(ActionExecutingContext filterContext)
    {
        if (filterContext.HttpContext.Request.ContentType.Contains("application/json"))
        {
            string inputContent = filterContext.HttpContext.Request.Params[Param];                
            JavaScriptSerializer serializer = new JavaScriptSerializer();
            var result = serializer.Deserialize(inputContent, JsonDataType);
            filterContext.ActionParameters[Param] = result;
        }
    }
}

在控制器中：

 [JsonpFilter(Param = "criterias", JsonDataType = typeof(SearchCriteria[]))]
 public JsonpResult getResultSet(SearchCriteria[] criterias)
 {            
     foreach (SearchCriteria sc in criterias)
     {
         // TODO (normalize criteria, etc..)
     }
     return Jsonp(new { content = RenderPartialViewToString("getResults", criterias)});
 }

在我调用该方法时的客户端脚本中：

// Populate the Array of objects

var criteria = new Array();
for (var i = 0; i < 4; i++) {
    criteria.push({ "destination": $("#DestinationValue" + i).val(),
                    "departure": $("#PortValue" + i).val(),
                    "month": $("#Month" + i).val(),
                    "nights": $("#Nights" + i).val(),
                    "cruiseline": $("#CruiselineValue" + i).val()});                
}

// Call the controller; note i do not specify POST method and I specify "callback" in order to enable jsonp that cross the domain.

$.ajax({ 
  url: "getResultSet?callback=?", 
  dataType: 'json', 
  data: {"criterias" : JSON.stringify(criteria)}, 
  contentType: 'application/json; charset=utf-8',
  success: function (data) {
              // call return from the controller
           }
});

我希望这可以帮助某人。

于 2012-10-17T17:59:02.760 回答
0

如果您需要从服务器返回 JSONP，为什么要从控制器操作返回 JSON？据说 jQuery 的 JSONP 实现依赖于向<script>DOM 添加标签，并且您知道<script>标签发送 GET 请求来获取资源。这是 jQuery 的 JSONP 实现的限制。

但首先你需要让你的服务器返回 JSONP。您可以编写一个返回 JSONP 的自定义 ActionResult：

public class JsonpResult : ActionResult
{
    private readonly object _obj;

    public JsonpResult(object obj)
    {
        _obj = obj;
    }

    public override void ExecuteResult(ControllerContext context)
    {
        var serializer = new JavaScriptSerializer();
        var callbackname = context.HttpContext.Request["callback"];
        var jsonp = string.Format("{0}({1})", callbackname, serializer.Serialize(_obj));
        var response = context.HttpContext.Response;
        response.ContentType = "application/json";
        response.Write(jsonp);
    }
}

然后在您的控制器操作中返回此结果：

public ActionResult Create(Product product)
{
    ...
    return new JsonpResult(new { success = true });
}

然后客户端可以使用此操作，但使用 GET 请求（以及所有限制，例如发送您所显示的复杂对象）：

$.getJSON('http://example.com/products/create', product, function(result) {
    alert(result.success);
});

如果您需要发送复杂的对象，我认为最好的办法是在您的域上设置一个服务器端脚本，该脚本将充当您的域和远程域之间的桥梁，然后向$.ajax您的脚本发送请求。

于 2012-07-13T06:04:00.877 回答