WCF jQuery 帖子数据不起作用

Question

我有一个WCF服务的一些问题:这个服务应该与AJAX客户端通信，这是在另一个服务器上运行。所以，我有一个跨域问题。我搜索和工作了2天，但我没有找到一些解决方案，这是很容易理解的。

当我使用Fiddler时，它们可以与服务器通信，但只有当将content-length属性设置为零时。

GET方法也可以工作，但是put方法不能。

这里是一些方向代码:

<标题>服务器方法:

模型:

[DataContract]
public class Person
{
    [DataMember]
    private string id;
    [DataMember]
    private string name;
    public Person(string id, string name)
    {
       this.id = id;
       this.name = name;
    }
    public string Id { get; set; }
    public string Name { get; set; }
  }

Serverinterface,实现:

   [ServiceContract]
   interface IPersonService
   {
       ...
       [OperationContract]
       Person InsertPerson(Person person);
   }
 [AspNetCompatibilityRequirements(RequirementsMode=AspNetCompatibilityRequirementsMode.Allowed)]
 public class PersonService : IPersonService
 {
     [WebInvoke(UriTemplate = "/POST/PersonPost", Method = "POST", BodyStyle = WebMessageBodyStyle.Wrapped, ResponseFormat = WebMessageFormat.Json, RequestFormat = WebMessageFormat.Json)]
    public Person InsertPerson(Person per)
    {
        Debug.WriteLine("InsertPerson");
        if (per == null)
        {
            return new Person("2", "null");
        }
        Debug.WriteLine("POST:[PersonId = {0} PersonName = {1}]", per.Id, per.Name);
         return new Person("1", "InsertPerson");
    }

，最后是客户端

var person = '{"per":{';
                person = person + '"id":"' + '"abc123"' + '",'
                person = person + '"name":"' + '"john"' + '"'
                person = person + '}}';
                alert(person);
                $.support.cors = true;
                $.ajax({
                    type: "POST",
                    contentType: "application/json; charset=utf-8",
                    dataType: "jsonp",
                    data: person,
                    processData: false,
                    crossDomain: true,
                    url: "http://localhost:59291/Person/POST/PersonPost",
                    success: function (data) {
                        alert("Post erfolgreich: ");
                    },
                    error: function (xhr, ajaxOptions, thrownError) {
                        alert("Fehler Post: Status " + xhr.status + " AntwortText " + xhr.responseText);
                    }
                });

谁能告诉我我该怎么做，把这个带到工作中去:简而言之，当我使用jQuery方法时，目前我没有连接到服务器。

Answer 1

首先你应该使用一个对象:

var myObject ={};
myObject.Id = '';
myObject.Name ='';

，使用JSON.stringify(myObject);

可能想要从您的ajax调用:dataType: "jsonp",中删除此问题，您也可能想要检查跨域ajax请求的问题。

    var person = {};
person.id ="abc123";
person.name ="aaaa";
var per = {};
per.per = person;
                $.support.cors = true;
                $.ajax({
                    type: "POST",
                    contentType: "application/json; charset=utf-8",
                    data: JSON.stringify(per),
                    dataType: "jsonp",
                    processData: false,
                    crossDomain: true,
                    url: "http://localhost:59291/Person/POST/PersonPost",
                    success: function (data) {
                        alert("Post erfolgreich: ");
                    },
                    error: function (xhr, ajaxOptions, thrownError) {
                        alert("Fehler Post: Status " + xhr.status + " AntwortText " + xhr.responseText);
                    }
                });