Запрос Http с использованием JQuery

Я использую следующий код, чтобы сделать HTTP-запрос на веб-сервер, и он не работает.

Может ли кто-нибудь сказать мне причину и как это сделать?

$(document).ready(function(){
    $("#AddUser").click(function(){

  alert("Sending");
      $.post("http://10.200.208.18:1897/Channels/HttpChannel/Input",
      {
       CustomerId : "Ram"
       CustomerName : "Ram Kumar"
       AnualIncome : "120000"
       Country : "INDIA"
       Balance : "100"
       DOB : "1980-09-12T12:34:45"
      },
      function(data,status){
        alert("Data: " + data + "\nStatus: " + status);
      });
   });
});
0
Объяснение не работает более подробно. Это порождает ошибки?
добавлено автор Anirudh Ramanathan, источник
Найдите ошибки, используя инструменты Firebug для Firefox или Google Chrome. Вы можете нажать F12 и нажать на консоль, чтобы увидеть ошибку.
добавлено автор Sudip Kafle, источник

6 ответы

Вам нужно проверить вызовы ajax через консоль. Если параметры отправляются правильно, они будут отображаться на вкладке POST запроса Ajax. Также URL/Channels/HttpChannel/Input является локальным или внешним?

0
добавлено

Make sure that this url http://10.200.208.18:1897/Channels/HttpChannel/Input returns the expected output or it doesn't throw an exception.

Просто подскажите, как использовать это вместо этого, ваш код будет более читаемым

$.ajax({
    type: "POST",
    data: {
         CustomerId : "Ram",
         CustomerName : "Ram Kumar",
         AnualIncome : "120000",
         Country : "INDIA",
         Balance : "100",
         DOB : "1980-09-12T12:34:45"
    },
    url: "http://10.200.208.18:1897/Channels/HttpChannel/Input",
    /* this is optional if your data is of json type
    dataType: "json",
    contentType: "application/json; charset=utf-8",
    */
    success: function (data) {
        //manipulate the data
    },
    error: function (error) {
       //show the error details or show a user friendly error message
        alert("Due to unexpected errors we were unable to load data");

    }
});

обратитесь к http://api.jquery.com/jQuery.ajax/ для документации

0
добавлено

Эта часть вашего кода не содержит запятых в конце каждой строки (я добавил необходимые запятые), поэтому он недействителен javascript:

  {
   CustomerId : "Ram",
   CustomerName : "Ram Kumar",
   AnualIncome : "120000",
   Country : "INDIA",
   Balance : "100",
   DOB : "1980-09-12T12:34:45"
  },

У вас также может возникнуть проблема проблемы с ограничениями безопасности на одном уровне , t сделать ajax-вызов в другом домене, чем текущая веб-страница.

Проверьте консоль ошибок JavaScript консоли отладчика, чтобы узнать, какие другие ошибки могут произойти.

0
добавлено

Попробуйте это, это может помочь вам:

$.ajax({
  url: "http://10.200.208.18:1897/Channels/HttpChannel/Input",
  data: {
     CustomerId : "Ram",
     CustomerName : "Ram Kumar",
     AnualIncome : "120000",
     Country : "INDIA",
     Balance : "100",
     DOB : "1980-09-12T12:34:45"
  },
  success: successFunction(),
  dataType: "JSON"
});
0
добавлено
Спасибо Fahad, это дает мне ошибку (ОК, parsererror, objecterror). когда я использую dataType; Без dataType я получаю успех, но не запрашиваю сервера.
добавлено автор Jagan Vittal, источник

Измените IP http://10.200.208.18:1897 на имя домена http://example.com:1897 или http://localhost: 1897 .

Также убедитесь, что URL правильный и что у него есть доступный ресурс.

0
добавлено
URL-адрес правильный. это моя соседняя система в том же домене.
добавлено автор Jagan Vittal, источник

запятые после каждого значения в разделе данных сообщения

{
    CustomerId: "Ram",
    CustomerName: "Ram Kumar",
    AnualIncome: "120000",
    Country: "INDIA",
    Balance: "100",
    DOB: "1980-09-12T12:34:45"
}
0
добавлено
Верстка сайтов HTML/CSS/JS/PHP
Верстка сайтов HTML/CSS/JS/PHP
3 439 участник(ов)

Правила группы: напишите !rules в чате. Группа Вк: vk.com/web_structure Freelancer: @web_fl Веб Дизайн: @dev_design Маркетолог: @topmarkening Автор: @M_Boroda