집 > 기사 > 백엔드 개발 > 등록 기능을 구현하는 Ajax 메소드

등록 기능을 구현하는 Ajax 메소드

小云云원래의: 2018-01-12 16:30:051678검색

이 글은 등록 기능을 구현하고 백엔드 데이터베이스에 데이터를 제출하여 상호 작용을 완료하는 Ajax 방법을 주로 소개합니다. 관심 있는 친구들이 참고하면 도움이 될 것입니다.

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

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

1 nodejs에서는 다음 방법을 사용할 수 있습니다. load) jump Page:
load() in JQuery 페이지를 로드하는 것
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(&#39;请输入正确的信息&#39;);
           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
           }
         });
         
       })

위 코드는 ajax를 사용하여 등록 기능을 구현합니다.

등록 기능을 구현하는 Ajax 메소드

관련 기사