在另一個$ .ajax中調用$ .ajax函數

我有兩個$ .ajax函數。第二個函數必須在第一個$ .ajax Success函數中運行。該代碼是在這裏：

loadSelectedData = function (id) { 
 
      vex.dialog.buttons.YES.text = 'ویرایش'; 
 
      vex.dialog.buttons.NO.text = 'انصراف'; 
 

 
      jQuery.ajax({ 
 
       type: "POST", 
 
       url: "LastNewsProfileReport.aspx/GetData", 
 
       data: "{ 'id':'" + id + "'}", 
 
       dataType: "json", 
 
       contentType: "application/json; charset=utf-8", 
 
       //async: false, 
 
       success: function (data) { 
 
        vex.dialog.open({ 
 
         message: 'اطلاعات کاربر ' + data.d.FirstName + ' ' + data.d.LastName, 
 
         input: "<style>\n .vex-custom-field-wrapper {\n  margin: 1em 0;\n }\n .vex-custom-field-wrapper-inline-right {\n  margin: 1em 0;\n \n  float: right;\n \n  width: 48%;\n }\n .vex-custom-field-wrapper-inline-left {\n  margin: 1em 0;\n \n  float: left;\n \n  width: 48%;\n }\n .vex-custom-field-wrapper > label {\n  display: inline-block;\n  margin-bottom: .2em;\n }\n</style>" + 
 
          "\n<div class=\"vex-custom-field-wrapper\">\n <label for=\"EmailTxt\">ایمیل</label>\n <div class=\"vex-custom-input-wrapper\">\n  <input name=\"EmailTxt\" type=\"email\" value=\"" + data.d.Email + "\" disabled=\"true\" />\n </div>\n</div>\n  \n<div class=\"vex-custom-field-wrapper\">\n <label for=\"UsernameTxt\">نام کاربری</label>\n <div class=\"vex-custom-input-wrapper\">\n  <input name=\"UsernameTxt\" type=\"text\" value=\"" + data.d.UserName + "\" disabled=\"true\" />\n </div>\n</div>\n  <div class=\"vex-custom-field-wrapper-inline-right\">\n <label for=\"FirstnameTxt\">نام</label>\n <div class=\"vex-custom-input-wrapper\">\n  <input id=\"FirstnameTxt\" name=\"FirstnameTxt\" type=\"text\" value=\"" + data.d.FirstName + "\" />\n </div>\n</div>\n<div class=\"vex-custom-field-wrapper-inline-left\">\n <label for=\"LastnameTxt\">نام خانوادگی</label>\n <div class=\"vex-custom-input-wrapper\">\n  <input id=\"LastnameTxt\" name=\"LastnameTxt\" type=\"text\" value=\"" + data.d.LastName + "\" />\n </div>\n</div>" + 
 
          "\n<div class=\"vex-custom-field-wrapper\">\n <label for=\"NickNameTxt\">نام مستعار</label>\n <div class=\"vex-custom-input-wrapper\">\n  <input id=\"NickNameTxt\" name=\"NickNameTxt\" type=\"text\" value=\"" + data.d.NickName + "\" />\n </div>\n</div>\n  <div class=\"vex-custom-field-wrapper\">\n <label for=\"MobileTxt\">شماره همراه</label>\n <div class=\"vex-custom-input-wrapper\">\n  <input id=\"MobileTxt\" name=\"MobileTxt\" type=\"text\" value=\"" + data.d.Mobile + "\" />\n </div>\n</div>\n  <div class=\"vex-custom-field-wrapper-inline-right\">\n <label for=\"SexList\">جنسیت</label>\n <div class=\"vex-custom-input-wrapper\">\n  <select id=\"SexList\" name=\"SexList\" value=\"" + data.d.Sex + "\"> \n<option value=\"" + 0 + "\">لطفا انتخاب نمایید</option> \n<option value=\"" + 1 + "\">مرد</option> \n<option value=\"" + 2 + "\">زن</option> </select> \n </div>\n</div>\n \n<div class=\"vex-custom-field-wrapper-inline-left\">\n <label for=\"BirthDateTxt\">تاریخ تولد</label>\n <div class=\"vex-custom-input-wrapper\">\n  <input id=\"BirthDateTxt\" name=\"BirthDateTxt\" type=\"text\" value=\"" + data.d.Birthdate + "\" />\n </div>\n</div>\n", 
 
         afterOpen: function() { 
 
          jQuery('select option[value=\"' + data.d.Sex + '\"]').attr("selected", true); 
 
         }, 
 
         callback: function (value) { 
 
          if (value) { 
 
           alert('Profile id ' + id + ' Update Successed!'); 
 
           updatePerson(id); 
 
          } else { 
 
           return false; 
 
          } 
 
         } 
 
        }); 
 
       }, 
 
       error: function (XMLHttpRequest, textStatus, errorThrown) { 
 
        alert(textStatus); 
 
       } 
 
      }); 
 
     }

的updatePerson功能是在這裏：

updatePerson = function (id) { 
 
      jQuery.ajax({ 
 
       type: "POST", 
 
       url: "LastNewsProfileReport.aspx/UpdatePerson", 
 
       data: { 
 
       personId: '182', 
 
       nickName: 'test', 
 
       firstName:'test', 
 
       lastName: 'test', 
 
       mobileNo: '12345', 
 
       sex: 'men', 
 
       birthDate: 'test' 
 
      }, 
 
       contentType: "application/json; charset=utf-8", 
 
       dataType: "json", 
 
       success: function (data) { 
 
        alert('Success'); 
 
       }, 
 
       error: function (XMLHttpRequest, textStatus, errorThrown) { 
 
        //alert(textStatus); 
 
       } 
 
      }); 
 
     }

第一$就功能是正常工作;但第二個$阿賈克斯是500內部服務器錯誤

C＃類代碼是在這裏：

[WebMethod] 
public static bool UpdatePerson(string personId, string nickName, string firstName, string lastName, string mobileNo, int sex, string birthDate) 
{ 
    var lastNewsProfileReport = new LastNewsProfileReport(); 
    lastNewsProfileReport.Update(long.Parse(personId), nickName, firstName, lastName, mobileNo, sex, birthDate); 
    return true; 
}

來源

2015-10-01 Sina

這篇文章，什麼是* *內部錯誤？ – DontVoteMeDown

我敢打賭，第二個也是500錯誤，不管第一個。所以，只要修正錯誤，你就去。 – marekful

您的updatePerson JS函數中的「數據」參數與您的服務器UpdatePerson方法參數不匹配。嵌套的ajax調用應該不成問題。 – personne3000

在更新個人C＃方法，不存在「ID」參數。爲了使Ajax調用起作用，您必須傳遞確切的參數名稱。

data: "{ 'id':'182'}", //in update person function javascript

應該是這樣 -

data: "{'personId': 'value', 'nickName' : 'value', 'firstName' : 'value', 'lastName' : 'value', 'mobileNo' : 'value', 'sex' : 'value', 'birthDate' : 'value'}"

僅供參考 - 檢查Ajax和.NET

http://www.cheezycode.com/2015/08/create-html-table-using-jquery-ajax.html

來源

2015-10-01 11:21:27

從jQuery函數傳遞的參數數目無關運行C＃代碼。如果某些參數需要服務器端錯誤不是客戶端錯誤！ – Sina

@Sina你在說什麼是完全錯誤的。 Webmethod請求需要您在C＃web方法中定義的所有參數。數量相同，命名和字符相同。它會在服務器端產生錯誤，這反過來又會在ajax的錯誤回調中返回錯誤。 –

在另一個$ .ajax中調用$ .ajax函數

回答

相關問題