Ajax-запрос к моим веб-сервисам возвращает XML в моем JSON - часть 2

Question

Это снова я ( предыдущий вопрос ) У меня все еще есть проблемы с возвращением json и xml из вызова ajax.

Я написал веб-сервис в MonoDevelop версии 2.2, чтобы вернуть мой json.

[WebMethod]
[ScriptMethod(ResponseFormat = ResponseFormat.Json)]
public string  getLocationJ(){}

Что возвращает: -

JavaScriptSerializer js = new JavaScriptSerializer();
string json = js.Serialize(bigPM);
return json;

Если я тестирую свой веб-сервис, я получаю: -

<?xml version="1.0" encoding="utf-8"?>
<string xmlns="http://tempuri.org/">[{"placeName":"XXXX","address":"Some    Address","lat":12121,"lng":12121}]</string>

Это именно то, к чему я обращаюсь, когда я делаю свои ajax-звонки. Мой json по-прежнему упакован в XML и поэтому не может быть прочитан.

Это мой вызов ajax: -

$.ajax({
  type: "GET",
  url: theURL,
  async: true,
  data: {minLong:minLon, maxLong:maxLon, minLat:minLat, maxLat:maxLat},
  cache: false,
  dataType: "jsonp",
  contentType: "application/xml; charset=utf-8",
  success: function (data) {
    alert('in here');



  },
  error:function (xhr, ajaxOptions, thrownError){
                alert(xhr.status);
                alert(thrownError);
                alert(xhr.statusText);
            }  
  });

Если я просто делаю json, я получаю 500 Внутренняя ошибка сервера, если я делаю POST, я получаю 403 запрещенную ошибку.

Этим утром я попытался сделать: -

$.getJSON(theURL, {minLong:minLon, maxLong:maxLon, minLat:minLat, maxLat:maxLat}, function(data) {
 );
});

Только у меня точно такие же проблемы.

Если бы я мог просто удалить xml из моего json, я бы мог двигаться вперед, но сейчас я мертв в воде и думаю, что тону в ajax!

Пожалуйста, помогите Шерил

Answer 1

Вместо возврата строки в вашем WebMethod верните void и используйте:

JavaScriptSerializer js = new JavaScriptSerializer();
Context.Response.Write(js.Serialize(YOUR_STRING_TO_OUTPUT));

Answer 2

Быстрое и грязное решение - извлечь ваш json из xml в функции успеха.

$.ajax({
  type: "GET",
  url: theURL,
  async: true,
  data: {minLong:minLon, maxLong:maxLon, minLat:minLat, maxLat:maxLat},
  cache: false,
  dataType: "jsonp",
  contentType: "application/xml; charset=utf-8",
  success: function (data) {

data = extractJsonFromXml(data); 
  //you have to write extractJsonFromXml function in js, you could use substring, or a regex replace. 

 }

Answer 3

Убедитесь, что ваш класс обслуживания имеет атрибут [ScriptService].Этот атрибут по умолчанию не добавляется.

Answer 4

изменение

contentType: "application/xml; charset=utf-8",

до

contentType: "application/json; charset=utf-8", 

Полный пример:

/* in this case I am using */
       <script src="Js/json2.js" type="text/javascript"></script>

  // available at: http://www.json.org/js.html

function jsonObject()
{
};
var phoneListObject = new jsonObject();

function SaveJsonObject()
{
    phoneListObject.Control = new jsonObject();
    phoneListObject.Control.CustomerId = $("#CustomerId").val();
    phoneListObject.Control.CustomerName = $("#CustomerName").val();
    phoneListObject.ListBody.PhonesBlock = new jsonObject();
    phoneListObject.ListBody.PhonesBlock.Phone = new Array();
    $('#PhonesBlock .Phone').each(function(myindex)
    {
        phoneListObject.ListBody.PhonesBlock.Phone[myindex].PhoneNumber = $(".PhoneNumber input", this).val();
        phoneListObject.ListBody.PhonesBlock.Phone[myindex].PhoneName = $(".PhoneName input", this).val();
     });
 };

 $(function()
{
    function SaveCurrentList()
    {
        SaveJsonObject();
        var currentSet = phoneListObject;
        var formData = { FormData: currentSet };
        phoneListJSON = JSON.stringify(formData);
        var FormData = "{ FormData:" + JSON.stringify(phoneListJSON) + "}";
        SavePhoneListData(FormData);
    };
    function SavePhoneListData(phonesData)
    {
        $.ajax({
            type: "POST",
            contentType: "application/json; charset=utf-8",
            data: phonesData,
            dataFilter: function(data)
            {
                var msg;
                if ((typeof (JSON) !== 'undefined') &&
        (typeof (JSON.parse) === 'function'))
                    msg = JSON.parse(data);
                else
                    msg = eval('(' + data + ')');
                if (msg.hasOwnProperty('d'))
                    return msg.d;
                else
                    return msg;
            },
            url: "../../WebServices/ManagePhones.asmx/SaveJson",
            success: function(msg)
            {
                SaveSuccess(msg);/* the JSON is in the msg, create this function to do what you want with it. */
            },
            complete: function(xhr, textresponse)
            {
                var err = eval("(" + xhr.responseText + ")");
            },
            error: function(msg)
            {
            },
            failure: function(msg)
            {
            }
        });
    };
    $('#btnSave').click(function()
    {
        SaveCurrentList();
    });
});

/* json data snip */
{"FormData":{"Control":{"CustomerId":"12345y6","CustomerName":"Joe Customer"},"PhonesBlock":{"Phone":[{"PhoneNumber":"234-233-2322","PhoneName":"son harry"},{"PhoneNumber":"234-233-2323","PhoneName":"son frank"},{"PhoneNumber":"234-233-2320","PhoneName":"momk"}]}}}

/*XML of the form data:*/
<FormData>
    <Control>
        <CustomerId>12345y6</CustomerId>
        <CustomerName>Joe Customer</CustomerName>
    </Control>
    <PhonesBlock>
        <Phone>
            <PhoneNumber>234-233-2322</PhoneNumber>
            <PhoneName>son harry</PhoneName>
        </Phone>
        <Phone>
            <PhoneNumber>234-233-2323</PhoneNumber>
            <PhoneName>son frank</PhoneName>
        </Phone>
        <Phone>
            <PhoneNumber>234-233-2321</PhoneNumber>
            <PhoneName>momk</PhoneName>
        </Phone>
    </PhonesBlock>
</FormData>

/* form layout snip */

<div class="control">
    <div class="customer">
        <input typeof="text" id="CutomerId" />
        <input typeof="text" id="CutomerName" />
    </div>
    <div class="phoneslist" id="PhonesBlock">
        <div class="Phone">
            <input typeof="text" class="PhoneNumber" />
            <input typeof="text" class="PhoneName" />
        </div>
        <div class="Phone">
            <input typeof="text" class="PhoneNumber" />
            <input typeof="text" class="PhoneName" />
        </div>
        <div class="Phone">
            <input typeof="text" class="PhoneNumber" />
            <input typeof="text" class="PhoneName" />
        </div>
    </div>
</div>
<input id="buttonSave" class="myButton" type="button" value="Save" />

подпись метода веб-службы:

   [WebMethod(EnableSession = true)]
    public string SaveJson(string FormData)
    {
    }