jquery form submission problem

index.html的代码：

<html>

<head>

$(function () {

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

$.ajax({

type:"post",

url:"form.php",

data:{

bookname:$("#bookname").val(),

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

async: true,

success: function(msg) {

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

}

});

</script>

</head>

<body>

图书名：<input type="text" id="bookname" /><br>

type="button" value="Submit" style="margin-top: 27px;" />

#</body>

</html>

##form.php code:

<? php

$a = $_POST["bookname"];

$b = $_POST["press"];

echo $a;

echo $b;

Run index.html, enter in the form and click submit:

Open the form.php page, but it is blank, and echo cannot output the content.

The effect you want to achieve is:

1. Submit the form through ajax without jumping to the page.

2. The php page can receive the form data submitted by ajax, and output the form data through echo and display it on the php page.

Currently, the php page can receive form data submitted by ajax, because the data can be returned to the parameter msg. However, when the form data is output through echo and displayed on the php page, it is blank. What went wrong?

hanghaigood1332 days ago1379

jquery form submission problem

reply all(3)I'll reply