Ajax 는 폼 을 제출 하고 json 인 스 턴 스 코드 를 받 습 니 다.

1842 단어 ajax양식 을 제출 하 다json
필요:
단 추 를 누 르 면 데 이 터 는 폼 으로 서버 에 제출 되 고 서버 에서 온 데 이 터 를 받 습 니 다.과정 중 페이지 를 새로 고치 지 않 습 니 다.
html 코드

<html xmlns="http://www.w3.org/1999/xhtml">
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
 <script src="./testajaxjs.js"></script>
 <head>
 </head>
 <body>
  <form id="form1">
   <p>xingming:<input type="text" name="xingming"/></p>
   <p>nianling:<input type="text" name="nianling"/></p>
  </form>
  <button type="button" id="mybt" onclick="mysubmmit()">
   ajax  
  </button>
 </body>
</html>
js 코드

function mysubmmit(){
 $.ajax({
  type: "POST",
  url: "testajaxend.php",
  data: $('#form1').serialize(),
  async: false,
  success: function(databack){
   //console.log("chenggong");
   console.log(databack);
  },
  error: function(request){
   console.log("shibaile");
  }
 });
}
백 엔 드 php 코드

<?php
  $name = $_POST['xingming'];
  $age = $_POST['nianling'];
  $myarray = array("name"=>$name, "age"=>$age);
  $myjson = json_encode($myarray);
  echo $myjson;
?>
위 에서 말 한 것 은 편집장 이 소개 한 Ajax 가 양식 을 제출 하고 json 인 스 턴 스 코드 를 받 는 것 입 니 다.여러분 에 게 도움 이 되 기 를 바 랍 니 다.궁금 한 점 이 있 으 면 메 시 지 를 남 겨 주세요.편집장 은 제때에 답 해 드 리 겠 습 니 다.여기 서도 저희 사이트 에 대한 여러분 의 지지 에 감 사 드 립 니 다!
Ajax 목록 무한 로 딩 및 2 단계 드 롭 다운 옵션 효과 구현
Ajax 나 Easyui 등 프레임 워 크 를 사용 할 때의 JSon-lib 처리 방안

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
best100-homepage