jQueryフォーム送信の問題

index.html の代コード：

<html>

<head>

$(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;">

图书名：<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. ページにジャンプせずに、ajax 経由でフォームを送信します。

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

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

hanghaigood1230日前1306