[解決済み】ajaxリクエストでjQueryが "parsererror "を返す。
質問
Ajaxリクエストでjqueryから"parsererror"を受けています。私はPOSTをGETに変え、いくつかの異なる方法(クラスの作成など)でデータを返そうとしましたが、私は何が問題であるかを理解することができないようです。
私のプロジェクトはMVC3で、jQuery 1.5を使用しています。 私はドロップダウンを持っており、onchangeイベントで、選択されたものに基づいていくつかのデータを取得するために呼び出しを発射します。
ドロップダウン: (これは Viewbag のリストから "Views" をロードし、イベントを発行することで正常に動作します)
@{
var viewHtmls = new Dictionary<string, object>();
viewHtmls.Add("data-bind", "value: ViewID");
viewHtmls.Add("onchange", "javascript:PageModel.LoadViewContentNames()");
}
@Html.DropDownList("view", (List<SelectListItem>)ViewBag.Views, viewHtmls)
ジャバスクリプトです。
this.LoadViewContentNames = function () {
$.ajax({
url: '/Admin/Ajax/GetViewContentNames',
type: 'POST',
dataType: 'json',
data: { viewID: $("#view").val() },
success: function (data) {
alert(data);
},
error: function (data) {
debugger;
alert("Error");
}
});
};
上記のコードでは、MVCメソッドの呼び出しに成功し、リターンしています。
[{"ViewContentID":1,"Name":"TopContent","Note":"Content on the top"},
{"ViewContentID":2,"Name":"BottomContent","Note":"Content on the bottom"}]
しかし、jquery は $.ajax() メソッドに対して "parsererror" というエラーイベントを発生させます。
どうすればいいですか?
最近この問題に遭遇し、この質問を偶然見つけました。
もっと簡単な方法で解決しました。
方法1
を削除するか
dataType: 'json'
プロパティをオブジェクト・リテラルから削除してください。
方法2
あるいは、@Sagiv が言っていたように、データを次のように返すこともできます。
Json
.
その理由は、この
parsererror
のメッセージが発生するのは、単に文字列や他の値を返しただけでは、実際には
Json
そのため、パーサーは解析に失敗します。
そこで、もし
dataType: json
プロパティとしてパースしようとしません。
Json
.
もう一方のメソッドでは、データを必ず
Json
パーサーはそれを適切に処理する方法を知っています。
関連
-
[解決済み】ある要素を別の要素に移動させるには?
-
[解決済み】npm install --legacy-peer-deps は具体的に何をするのですか?どんなときに推奨されるのか/どんな使用例が考えられるのか?
-
[解決済み] ローカルファイルを開くことができません - Chrome: ローカルリソースのロードが許可されていません
-
[解決済み] jQueryで要素が非表示になっているかどうかを確認するには?
-
[解決済み] jQueryでチェックボックスに "checked "を設定する
-
[解決済み] jQueryの「exists」関数はありますか?
-
[解決済み] jQueryでテーブルの行を追加する
-
[解決済み] jQueryを使ったAjaxリクエストの中断
-
[解決済み] jQuery Ajax呼び出し後のリダイレクトリクエストを管理する方法
-
[解決済み】jQueryでチェックボックスがチェックされているかどうかを確認するにはどうすればよいですか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】TypeError: $(...).DataTable は関数ではありません。
-
[解決済み】フォームコントロールの値アクセサがない
-
[解決済み】Uncaught ReferenceError: angular is not defined - AngularJSが動作しない。
-
[解決済み] 解決済み】clearInterval()が動作しない [重複] [重複]
-
[解決済み】webpack: モジュールが見つかりません。Error: 解決できない(相対パスで)
-
[解決済み】jquery $.ajaxオブジェクトのresponseJSONプロパティを取得する方法 [重複]。
-
[解決済み】Uncaught ReferenceError。Reactが定義されていない
-
[解決済み】エラー:リクエストのエンティティが大きすぎる
-
[解決済み】JS ファイルが net::ERR_ABORTED 404 (Not Found) を取得する)
-
[解決済み] Uncaught (in promise) TypeError: フェッチに失敗してCorsエラー