AJAX および PHP を介して JQuery モバイル フォームを送信する (2 つの記事)
AJAX および PHP 経由で jQuery モバイル フォームを送信
jQueryモバイルフォーム送信
http://blog.csdn.net/tjpu_lin/article/details/ 28394253
最近、jQuery mobile を使用してモバイル ページを開発していましたが、フォームの送信時に問題が発生しました。
バックグラウンドはサーブレットによって処理されます。サーブレットのリダイレクトを使用してページにジャンプし、携帯電話に転送したい場合は、エラーページのメッセージが表示されます。
オンライン情報と jQuery モバイル API を調べた結果、jQuery モバイル フォームの送信はデフォルトで ajax 送信になるため、サーブレットにページ ジャンプが記述されている場合、ページ ジャンプ機能はまったく実装されないことがわかりました。
そこで、チュートリアルに従ってフォームに属性 data-ajax="false" を追加したところ、ページジャンプが実行できないだけでなく、バックグラウンドのデータベース操作も実行できず、500 エラーが報告されることがわかりました。 。
<?php
$firstName = $_POST[firstName];
$lastName = $_POST[lastName];
echo("First Name: " . $firstName . " Last Name: " . $lastName);
?><!DOCTYPE html>
<html>
<head>
<title>Submit a form via AJAX</title>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a4/jquery.mobile-1.0a4.min.css" />
<script src="http://code.jquery.com/jquery-1.5.2.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0a4/jquery.mobile-1.0a4.min.js"></script>
</head>
<body>
<script>
function onSuccess(data, status)
{
data = $.trim(data);
$("#notification").text(data);
}
function onError(data, status)
{
// handle an error
}
$(document).ready(function() {
$("#submit").click(function(){
var formData = $("#callAjaxForm").serialize();
$.ajax({
type: "POST",
url: "callajax.php",
cache: false,
data: formData,
success: onSuccess,
error: onError
});
return false;
});
});
</script>
<!-- call ajax page -->
<div data-role="page" id="callAjaxPage">
<div data-role="header">
<h1>Call Ajax</h1>
</div>
<div data-role="content">
<form id="callAjaxForm">
<div data-role="fieldcontain">
<label for="firstName">First Name</label>
<input type="text" name="firstName" id="firstName" value="" />
<label for="lastName">Last Name</label>
<input type="text" name="lastName" id="lastName" value="" />
<h3 id="notification"></h3>
<button data-theme="b" id="submit" type="submit">Submit</button>
</div>
</form>
</div>
<div data-role="footer">
<h1>GiantFlyingSaucer</h1>
</div>
</div>
</body>
</html><script type="text/javascript">
$(document).ready(function () {
$("#submitbtn").click(function(){
cache: false,
$.ajax({
type: "POST",
url: "feedback",
data: $('#feedbackform').serialize(),
success:function(data){
$.mobile.changePage("success.html");
}
});
});
});上記では、AJAX と PHP を介して JQuery Mobile フォームを送信する方法 (2 つの記事) を紹介しています。関連コンテンツの詳細については、PHP 中国語 Web サイト (www.php.cn) に注目してください。
ホットAIツール
Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ
AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。
Undress AI Tool
脱衣画像を無料で
Clothoff.io
AI衣類リムーバー
AI Hentai Generator
AIヘンタイを無料で生成します。
人気の記事
ホットツール
メモ帳++7.3.1
使いやすく無料のコードエディター
SublimeText3 中国語版
中国語版、とても使いやすい
ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境
ドリームウィーバー CS6
ビジュアル Web 開発ツール
SublimeText3 Mac版
神レベルのコード編集ソフト（SublimeText3）
ホットトピック
7450
15
1374
52
77
11
14
8
Ubuntu および Debian 用の PHP 8.4 インストールおよびアップグレード ガイド
Dec 24, 2024 pm 04:42 PM
PHP 8.4 では、いくつかの新機能、セキュリティの改善、パフォーマンスの改善が行われ、かなりの量の機能の非推奨と削除が行われています。 このガイドでは、Ubuntu、Debian、またはその派生版に PHP 8.4 をインストールする方法、または PHP 8.4 にアップグレードする方法について説明します。
CakePHP データベースの操作
Sep 10, 2024 pm 05:25 PM
CakePHP でデータベースを操作するのは非常に簡単です。この章では、CRUD (作成、読み取り、更新、削除) 操作について理解します。
CakePHP ファイルのアップロード
Sep 10, 2024 pm 05:27 PM
ファイルのアップロードを行うには、フォーム ヘルパーを使用します。ここではファイルアップロードの例を示します。
CakePHP について話し合う
Sep 10, 2024 pm 05:28 PM
CakePHP は、PHP 用のオープンソース フレームワークです。これは、アプリケーションの開発、展開、保守をより簡単にすることを目的としています。 CakePHP は、強力かつ理解しやすい MVC のようなアーキテクチャに基づいています。モデル、ビュー、コントローラー
CakePHP のロギング
Sep 10, 2024 pm 05:26 PM
CakePHP へのログインは非常に簡単な作業です。使用する関数は 1 つだけです。 cronjob などのバックグラウンド プロセスのエラー、例外、ユーザー アクティビティ、ユーザーが実行したアクションをログに記録できます。 CakePHP でのデータのログ記録は簡単です。 log()関数が提供されています
