jQueryフォーム送信の問題
hanghaigood
hanghaigood 2021-07-19 15:25:56
0
3
1300

index.html の代コード:

<html>

<head>

<meta charset="utf-8">

<script src="jquery-1.12.4.min.js"></script>

<script type="text/javascript">

$(function () {

$("#btn").click(function () {

$.ajax({

type :"post",

url:"form.php",

data:{

書籍名:$("#書籍名").val(),

press:$("#press").val()

},

async: true,

success: function(msg ) {

alert("提交成功!" msg);

# }

});

});

# # });

</script>

</head>

<body>

< div style="text-align: center; margin-top: 50px;">

<form id="form1">

图书名:<input type=" text" id="書籍名" /><br>

type = "button" value = "submit" style = "margin-top:27px;"/&gt;

#&lt;/body&gt;

&lt;/html&gt;#

#form.php コード:

<? php

$a = $_POST["bookname"];

$b = $_POST["press"];

echo $a;

echo $b;

?>

index.html を実行し、フォームに入力して送信をクリックします。

フォームを開きます。 php ページが表示されますが、空白であり、echo はコンテンツを出力できません。

1.png

達成したい効果は次のとおりです:

1. ページにジャンプせずに、ajax 経由でフォームを送信します。 2.png

2. phpページはajaxから送信されたフォームデータを受け取り、echoでフォームデータを出力してphpページに表示することができます。

現在、php ページは、パラメータ msg にデータを返すことができるため、ajax によって送信されたフォーム データを受け取ることができます。しかし、フォームデータをecho出力してphpページに表示すると真っ白になってしまいます。

hanghaigood
hanghaigood

全員に返信(2)
流年

背景の二重引用符は一重引用符になります

いいねを押す +0
  • 返事 $_POST['bookname']、ダブルクォーテーションをシングルクォーテーションに変更しても機能しません。
    hanghaigood 著者 2021-07-21 14:58:35
流年

コントローラーの内部を見てください

いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート