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({
유형:"게시물",
url:"form.php",
데이터:{
책 이름:$("#bookname").val(),
누르기:$( "#press").val()
},
비동기: true,
성공: function(msg) {
ㅋㅋㅋ
});
});
</script>
</head>
<body>
<div style="text- 정렬: 가운데; 여백 상단 : 50px;">
<form id="form1">
图书name:<input type="text" id="bookname" /><br>
게시자: <input type="text" id="press" style="margin-top: 15px;" /><br>
~ ="제출" style="margin-top: 27px;" >>
form.php 코드:
<?php
$a = $_POST["bookname"];
$b = $_POST["press"];
echo $a;
echo $b ;
?>
index.html을 실행하고 양식에 입력한 후 제출을 클릭하세요.
form.php 페이지를 열지만 비어 있고 에코가 발생합니다. 내용을 출력할 수 없습니다.
달성하려는 효과는 다음과 같습니다.
1 페이지로 이동하지 않고 ajax를 통해 양식을 제출합니다.
2. PHP 페이지는 ajax가 제출한 폼 데이터를 수신하고, echo를 통해 폼 데이터를 출력하여 PHP 페이지에 표시할 수 있습니다. 현재 php 페이지는 ajax가 제출한 폼 데이터를 받을 수 있는데, 그 데이터가 msg 매개변수로 반환될 수 있기 때문입니다. 그런데 양식 데이터가 echo를 통해 출력되어 PHP 페이지에 표시되면 무엇이 잘못되었나요?
배경에 있는 큰따옴표는 작은따옴표가 됩니다
컨트롤러 내부를 살펴보세요