2016-09-05 13 views
0

私のAjaxのコードは以下のようなものです成功機能に行く、それが成功の機能へと進むません私はajaxコールを挿入しています。データが挿入されますが、それはない

function saveRecord() { 
    $.ajax({ 
     url: "admin.aspx/inserData", 
     type: "POST", 
     dataType: 'text', 

     data: JSON.stringify({ 
      "name": $("#name").val(), 
      "uName": $("#uname").val(), 
      "password": $("#pwd").val(), 
      "adminType": $("#seAdmin").val(), 
      "serviceArea": $("#selServiceArea").val(), 
     }), 
     contentType: "application/json; charset=utf-8", 
     async: false, 
     Success: FnInsertSuccess, 

     Error: FnInsertError, 
    }); 
} 

FnInsertSuccess

function FnInsertSucces(result) { 
    alert(result.d); 
     if (result.d == "Success") { 
      console.log("data inserted"); 
      // $("#tblData tbody").append("<tr style='cursor:pointer'><td>" + $("#name").val() + "</td><td>" + $("#selServiceArea").val() + "</td><td>" + $("#seAdmin").val() + "</dt><td><a class='fa fa-pencil'></a><a class='fa fa-times' onclick='FnDeleteRow(this)'></a></td></tr>"); 
     } 
     else if (result.d == "Fail") { 
      alert("Not Successfully Insert"); 
     } 

    } 
+1

のようにしてみてください。text''しかし、それはあなたが道でJSONを期待しているようにあなたが'結果を扱うに見えます」 'オブジェクトのように – Phil

+1

また、キー' success'と 'error'はすべて小文字でなければなりません – Phil

+0

また、URLは' admin.aspx/inserData'ですか? "insertData"ではありませんか? – Phil

答えて

0

こんにちは使っ成功コール以下のようにここにあります。それが動作します。

$.ajax({ 
url:"Where u need to go", 
data: //data to send 
success:function(data) { 
    alert(data); // data will be having the stuff that gets returned from the servlet. 
} 
complete: //here call ur fninsert function. This will work after the ajax  call is completed. 

});

+0

'FnInsertSuccess'も機能します!あなたの答えが –

+0

@DavidJawphanという小文字の「成功」を除いて非常に重要ですが、それがこの回答の要点であるかどうかわかりません。 – Phil

+0

Philさんに問題がありました。大文字を使用しています。 –

0
function saveRecord() { 
$.ajax({ 
    url: "admin.aspx/inserData", 
    type: "POST", 
    dataType: 'text', 

    data: JSON.stringify({ 
     "name": $("#name").val(), 
     "uName": $("#uname").val(), 
     "password": $("#pwd").val(), 
     "adminType": $("#seAdmin").val(), 
     "serviceArea": $("#selServiceArea").val(), 
    }), 
    contentType: "application/json; charset=utf-8", 
    async: false, 
    success: function(result){ 
     FnInsertSuccess(result) 
    }, 

    error: function(data){ 
     FnInsertError(data); 
    } 
}); 

}

+0

なぜラッパー関数を作成するのですか? FnInsertSuccess'と 'FnInsertError'? – Phil

+0

$( '#tblData')のようなコードを使用して、FnInsertSuccessのfunction.iでデータテーブルをリフレッシュする方法を今親切にしてください。fnDestroy();$( '#tblData')。DataTable()。ajax.reload(); FnInsertSuccess function.iのデータテーブルを$( '#tblData')のようなコードを使ってリフレッシュする方法については、 –

0
function saveRecord() { 
    var name = $("#name").val(), 
    var uName = $("#uname").val(), 
    var password = $("#pwd").val(), 
    var adminType = $("#seAdmin").val(), 
    var serviceArea = $("#selServiceArea").val(), 
$.ajax({ 
    url: "admin.aspx/inserData", 
    type: "POST", 
    dataType: 'JSON', 

    data: { 
     name: name, 
     uName: uName, 
     password: password, 
     adminType: adminType, 
     serviceArea: serviceArea 
    }, 
    success:function(data){ 
    FnInsertSucces(data); 
    } 
}); 
} 

- >あなたは `データ型を設定している。この

+0

エラーが表示されます。fnDestroy();$( '#tblData')。DataTable()。ajax.reload();エラーを表示するTypeError:$(...)。fnDestroyは、私がdatatableを使用している関数ではありません。1.10 –

+0

成功関数にFnInsertSuccess関数のコードを書くか、成功関数でFnInsertSuccess関数を呼び出すことができます。 –

+0

私は機能するFnInsertSuccess関数を持っていますが、この関数でデータテーブルを再描画するようになりました –

関連する問題