jquery 양식 제출 문제
hanghaigood
hanghaigood 2021-07-19 15:25:56
0
3
1316

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를 통해 양식을 제출합니다. 1.png

2. PHP 페이지는 ajax가 제출한 폼 데이터를 수신하고, echo를 통해 폼 데이터를 출력하여 PHP 페이지에 표시할 수 있습니다.

현재 php 페이지는 ajax가 제출한 폼 데이터를 받을 수 있는데, 그 데이터가 msg 매개변수로 반환될 수 있기 때문입니다. 그런데 양식 데이터가 echo를 통해 출력되어 PHP 페이지에 표시되면 무엇이 잘못되었나요?

2.png

hanghaigood
hanghaigood

모든 응답(2)
流年

배경에 있는 큰따옴표는 작은따옴표가 됩니다

  • 회신하다 $_POST['bookname'], 큰따옴표를 작은따옴표로 변경해도 작동하지 않습니다.
    hanghaigood 작가 2021-07-21 14:58:35
流年

컨트롤러 내부를 살펴보세요

최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿