Ajax는 사용자 등록을 구현하기 위해 백엔드 데이터베이스에 데이터를 제출합니다.

이번에는 ajax가 백엔드 데이터베이스에 데이터를 제출한 후의 사용자 등록에 대해 소개하겠습니다. ajax가 사용자 등록을 구현하기 위해 백엔드 데이터베이스에 데이터를 제출하는 노트는 무엇입니까? 바라보다.

1. 양식을 검증할 때 오류가 서버로 전송되는 것을 방지하기 위해 일반적으로 다음과 같이 설정합니다.

   $(function(){
    var isusername;(定一个变量)
    var ispwd;
     $('form').submit(function(e){
       if(!isusername || !ispwd){
         e.preventDefault();（阻止事件的默认事件）
      })
   });

1 nodejs에서는 다음 방법을 사용하여 페이지를 이동할 수 있습니다. :
JQuery의 load() 페이지를 로드하는 것
window.location() Windows에서 지정된 페이지로 이동하는 것

2. node.js에서 MongoDB 설치 단계 및 관련 작업:
1. 설치 프로그램을 다운로드합니다. (창문 XP 시스템인 경우 설치 디렉터리를 지정된 디렉터리에 직접 복사할 수 있습니다. win7 시스템에서 설치 프로그램을 실행하는 경우 설치 경로를 직접 선택할 수 있습니다. (설치 경로는 중국어로 표시되지 않습니다.) 설치된 MONgoDB는 기본적으로 C:Program FilesMongoDBServer3.2bin
3으로 설치됩니다. 설치 디렉토리와 동일한 디렉토리에 데이터 디렉토리를 생성한 후, 해당 데이터에 db 디렉토리와 로그 디렉토리를 생성합니다. 예배 규칙서.
4. 명령줄에 cd C:Program FilesMongoDBServer3.2bin을 입력하고 Enter 키를 누른 다음 mongo를 입력합니다. mongo.exe 작업 인터페이스로 들어갑니다.
5. MongoDB 실행을 시작하세요. 다음 명령을 통해 MongoDB 프로그램을 Windows 서비스에 설치할 수 있습니다.
마지막으로 명령줄을 열고 MongoDB의 bin 디렉터리로 전환합니다. 실행:

mongod.exe --dbpath "c:datadb" --logpath "c:datalogmongodb.log" --install6 mongo.exe에서 추가, 삭제, 수정 및 쿼리를 완료할 수 있습니다. 다음 단계 소개
이전에 show dbs를 사용하여 현재 mongo의 모든 데이터베이스를 볼 수 있습니다. 그렇지 않은 경우 f30을 사용합니다(F30이 있으면 먼저 찾고, 없으면 자동으로 f30이라는 데이터베이스를 생성합니다)
1>추가: db .users.insert({maen:'dd',age:20})
추가한 후 db.users.find()를 사용하여 추가가 성공했는지 확인할 수 있습니다
2>삭제: db.users.remove({ maen:' dd'}) 또는 db.users.remove({}) (사용자의 모든 데이터를 삭제하는 것입니다)
3>수정: db.users.update({maen:'dd'},{age:22 }) dd라는 이름의 나이는 22
4>로 수정됩니다. 검색: db.users.find({age:{$gt:20}) 20보다 큰 데이터 찾기

3 BUTTON을 통해 데이터를 제출하고 점프할 수 있습니다. 로그인하려면 인터페이스 코드는 다음과 같습니다.

 $("input[type=button]").click(function(e){
 if(!isUsernameValid || !isPwdValid){ //用if语句来判断当用户名或者密码有一个为false时就弹出一个消息框，并提示：请输入正确的信息。
           alert('请输入正确的信息');
           return;  //结束
         }
         $.ajax({       //用ajax来实现不刷新网页的基础上更新数据
           type:"post", //请求方式
           url:"/users/reg", //路径
           data:{
             username:$("input[name=username]").val(),  //获取input中name为username的值
             pwd:$("input[name=pwd]").val() //获取input中name为pwd的值
           },
           success:function(){
             alert("注册成功");
             window.location = "login.html"; //注册成功就跳转到login.html
           }
         });
         
       })

이 기사의 사례를 읽으신 후 방법을 마스터하셨으리라 믿습니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사에 주목하세요!

추천 자료:

php

js+ajaxcap과 결합된 Ajax로 보조 연결을 달성하는 방법은 json 개체를 작동하고 저장을 위해 테이블에 루프를 돌립니다

위 내용은 Ajax는 사용자 등록을 구현하기 위해 백엔드 데이터베이스에 데이터를 제출합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!