JQuery は Ajax 経由でフォームを送信し、result_jquery を返します。

WBOY
リリース: 2016-05-16 18:04:12
オリジナル
1277 人が閲覧しました

次のように:

1: 非 Ajax

フロントデスク:

image

対応する背景:

image

2: JQuery Ajax

JQuery を使用してフォームを送信する前に、まず http://www.malsup.com/jquery/form/ から取得した jquery.form.js を参照する必要があります。参照する必要があるのは次のとおりです:

image

機能要件: Ajax はフォームを送信し、コントローラー HelloWorld4Controller でリクエストを処理し、データを返します。データ形式は JSON です。

まず、返された JSON エンティティが次であると仮定します。

コードをコピー コードは次のとおりです:

public class LoginResultDTO
{
public bool { get; set; }
public string ReturnUrl { get; >}


コントローラー部分のコードは次のとおりです:


コードをコピーします コードは次のとおりです
public class HelloWorld4Controller : Controller
{
public ActionResult Index()
{
if (Request.IsAjaxRequest())
{
string str1 = Request.Form["Text33 "]; string str2 = Request.Form["Text44"];
return Json(new MvcApplication5.Controllers.HelloWorld3Controller.LoginResultDTO { 成功 = true、メッセージ = str1 str2 , ReturnUrl = "SomeUrl" });
}
else
{
return View();
}
}
}



上記のコードは、他のエンティティを返したい場合に非常に便利であることを示しています。
フロントエンド部品コード:

imageボタンが送信ではなくボタンを使用している場合は、上の図のコードを次の形式に変更する必要があります:

ソース コードのダウンロード:

MvcApplication5.zipimage

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート