JSON_jquery를 운영하는 jQuery의 CRUD 사용 예-JS 튜토리얼-php.cn

집

웹 프론트엔드

JS 튜토리얼

JSON_jquery를 운영하는 jQuery의 CRUD 사용 예

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

May 16, 2016 pm 04:13 PM

crud jquery json 작동하다 용법

이 문서의 예에서는 JSON을 작동하기 위해 jQuery를 CRUD로 사용하는 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 구현 방법은 다음과 같습니다.

코드 복사 코드는 다음과 같습니다.

<머리>

Jquery UI

// 작성자: Eric Liang
<본문>
    <양식>










    id:
    이름:
    성별:
    연령:


    id:
    이름:
    성별:
    연령:


<스크립트>

<스크립트 유형="텍스트/자바스크립트">
       var jsonObj = { 교사: [
{ ID:'1', 이름: "Eric", 성별: "m", 나이: "40" },
{ id:'2', 이름: "유령", 성별: "m", 나이: "28" },
{ ID:'3', 이름: "디디", 성별: "m", 나이: "27" }
    ]};
새로 고치다();
함수 새로 고침() {
  var 명 = jsonObj.teacher;
  $("tr[name='person']").remove();
  for(var i=0; i    var cur_person = 명[i];
   var cur_name = cur_person.name;
   var cur_sex = cur_person.sex;
   var cur_age = cur_person.age;
   var cur_id = cur_person.id;
   var idTd = "";
   var nameTd = "";
   var sexTd = "";
   var ageTd = "";
   var deleteAction = ""
   var updateAction = ""
   //경고(deleteAction);
   var trStr = "" idTd;
   trStr = 이름Td;
   trStr = 섹스Td;
   trStr = 연령Td;
   trStr = 삭제Action;
   trStr = 업데이트Action;
   //경고(trStr);
   $('#personform').append(trStr);
      }
}
function checkPersonExist(targetId) {
  var 명 = jsonObj.teacher;
  for(var i=0; i    var cur_person = 명[i];
   if(cur_person.id == targetId) {
        Alert("添加失败! Id" targetId "已经存재!");
        false를 반환합니다.
   }
  }
  사실을 반환;
}
함수 addperson() {
    var userid = $('#userid').val();
    var flag = checkPersonExist(userid);
    if(플래그 == false) {
   거짓을 반환;
    }
      var 사용자 이름 = $('#username').val();
      var 섹스 = $('#sex').val();
      var 나이 = $('#age').val();
      var newPerson = "{id:" "'" 사용자 ID "'" "," "name:" "'" 사용자 이름 "'" "," "sex:" "'" sex "'" "," "age:" "'" 나이 "'" "}";
      newPerson = eval("(" newPerson ")");
      //$('#personform').append(trStr);
      jsonObj.teacher.push(newPerson);
      새로 고치다();
}
함수 deleteperson(obj) {
  //경고(obj.name);
  var delId = obj.name;
  var 명 = jsonObj.teacher;
  for(var i=0; i    var cur_person = 명[i];
   if(cur_person.id == delId) {
        people.splice(i,1);
   }
  }
  새로 고치다();
}
함수 updateperson(targetId) {
      var updateId = targetId.name;
      var 명 = jsonObj.teacher;
      for(var i=0; i    var cur_person = 명[i];
   if(cur_person.id == updateId) {
        var cur_id = cur_person.id
        var cur_name = cur_person.name;
        var cur_sex = cur_person.sex;
        var cur_age = cur_person.age;
        $('#update_userid').attr('value',cur_id);
        $('#update_username').attr('value',cur_name);
        $('#update_sex').attr('value',cur_sex);
        $('#update_age').attr('value',cur_age);
   }
  }
}
함수 업데이트() {
      var cur_id = $('#update_userid').val();
      var cur_name = $('#update_username').val();
var cur_sex = $('#update_sex').val()
var cur_age = $('#update_age').val()
var 명 = jsonObj.teacher
for(var i=0; i var userId = people[i].id;
If(cur_id == userId) {
        명[i].name = cur_name
        명[i].age = cur_age
        명[i].sex = cur_sex
~ }
새로고침(); }

이 기사가 모든 사람의 jQuery 프로그래밍에 도움이 되기를 바랍니다.

본 웹사이트의 성명

본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

핫 AI 도구

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

AI 옷 제거제

Video Face Swap

완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

뜨거운 도구

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

뜨거운 주제

Gmail 이메일의 로그인 입구는 어디에 있나요?

7700

자바 튜토리얼

1640

Cakephp 튜토리얼

1393

라라벨 튜토리얼

1287

PHP 튜토리얼

1230

Related knowledge

Linux Deploy 작업 단계 및 주의사항 Mar 14, 2024 pm 03:03 PM

LinuxDeploy 작업 단계 및 주의 사항 LinuxDeploy는 사용자가 Android 장치에 다양한 Linux 배포판을 신속하게 배포하여 모바일 장치에서 완전한 Linux 시스템을 경험할 수 있도록 도와주는 강력한 도구입니다. 이 기사에서는 LinuxDeploy의 작동 단계와 주의 사항을 자세히 소개하고 독자가 이 도구를 더 잘 사용할 수 있도록 구체적인 코드 예제를 제공합니다. 작업 단계: Linux 설치배포: 먼저 설치

PHP 배열을 JSON으로 변환하기 위한 성능 최적화 팁 May 04, 2024 pm 06:15 PM

PHP 배열을 JSON으로 변환하기 위한 성능 최적화 방법은 다음과 같습니다. JSON 확장 및 json_encode() 함수를 사용하여 문자 이스케이프를 방지하고 버퍼를 사용하여 JSON 인코딩 결과 캐싱을 고려합니다. JSON 인코딩 라이브러리.

Huawei Mate60 Pro 스크린샷 작업 단계 공유 Mar 23, 2024 am 11:15 AM

스마트폰이 대중화되면서 스크린샷 기능은 일상적인 휴대폰 사용에 필수적인 기술 중 하나로 자리 잡았습니다. Huawei의 주력 휴대폰 중 하나인 Huawei Mate60Pro의 스크린샷 기능은 자연스럽게 사용자로부터 많은 관심을 끌었습니다. 오늘은 모두가 더욱 편리하게 스크린샷을 찍을 수 있도록 Huawei Mate60Pro 휴대폰의 스크린샷 작업 단계를 공유하겠습니다. 우선, Huawei Mate60Pro 휴대폰은 다양한 스크린샷 방법을 제공하며, 개인 습관에 따라 자신에게 맞는 방법을 선택할 수 있습니다. 다음은 일반적으로 사용되는 몇 가지 차단에 대한 자세한 소개입니다.

Jackson 라이브러리의 주석은 JSON 직렬화 및 역직렬화를 어떻게 제어합니까? May 06, 2024 pm 10:09 PM

Jackson 라이브러리의 주석은 JSON 직렬화 및 역직렬화를 제어합니다. 직렬화: @JsonIgnore: 속성 무시 @JsonProperty: 이름 지정 @JsonGetter: get 메서드 사용 @JsonSetter: set 메서드 사용 역직렬화: @JsonIgnoreProperties: @JsonProperty 속성 무시: 이름 지정 @JsonCreator: 생성자 사용 @JsonDeserialize: 사용자 정의 논리

Astar 스테이킹 원칙, 수입 해체, 에어드랍 프로젝트 및 전략 및 운영 보모 수준 전략 Jun 25, 2024 pm 07:09 PM

목차 Astar Dapp 스테이킹 원리 스테이킹 수익 잠재적 에어드랍 프로젝트 해체: AlgemNeurolancheHealThreeAstar Degens DAOVeryLongSwap 스테이킹 전략 및 운영 "AstarDapp 스테이킹"이 올해 초 V3 버전으로 업그레이드되었으며 스테이킹 수익에 많은 조정이 이루어졌습니다. 규칙. 현재 첫 번째 스테이킹 주기는 종료되었으며 두 번째 스테이킹 주기의 "투표" 하위 주기가 막 시작되었습니다. '추가 보상' 혜택을 받으려면 이 중요한 단계(6월 26일까지 지속 예정, 5일 미만 남았음)를 파악해야 합니다. 아스타 스테이킹 수익을 자세하게 분석해보겠습니다.

PHP 문자열 조작: 공백을 효과적으로 제거하는 실용적인 방법 Mar 24, 2024 am 11:45 AM

PHP 문자열 작업: 공백을 효과적으로 제거하는 실용적인 방법 PHP 개발 시 문자열에서 공백을 제거해야 하는 상황에 자주 직면하게 됩니다. 공백을 제거하면 문자열이 더 깔끔해지고 후속 데이터 처리 및 표시가 쉬워집니다. 이 기사에서는 공백을 제거하는 몇 가지 효과적이고 실용적인 방법을 소개하고 구체적인 코드 예제를 첨부합니다. 방법 1: PHP 내장 함수인 Trim()을 사용합니다. PHP 내장 함수인 Trim()을 사용하면 문자열 양쪽 끝의 공백(공백, 탭, 개행 등 포함)을 제거할 수 있어 매우 편리하고 쉽습니다. 사용.

Ele.me에서 WeChat을 연결하는 방법 Apr 01, 2024 pm 03:46 PM

Ele.me는 다양한 종류의 음식을 온라인으로 선택하고 주문할 수 있는 소프트웨어입니다. 판매자는 주문을 받은 후 즉시 주문을 처리합니다. 사용자는 소프트웨어를 통해 WeChat을 연결할 수 있습니다. 작동 방법을 알아보려면 PHP 중국어 웹사이트를 확인하세요. Ele.me를 WeChat에 바인딩하는 방법: 1. 먼저 Ele.me 소프트웨어를 열고 홈페이지에 들어간 후 오른쪽 하단에 있는 [내]를 클릭합니다. 2. 그런 다음 내 페이지에서 [계정]을 클릭합니다. ] 왼쪽 상단에 있는 3. 그런 다음 휴대폰, WeChat, Alipay 및 Taobao를 연결할 수 있는 개인 정보 페이지로 이동합니다. 4. 마지막 클릭 후 필요한 WeChat 계정을 선택합니다. WeChat 인증 페이지에 접속하고 [허용]을 클릭하세요.

PHP 배열을 JSON으로 변환하기 위한 빠른 팁 May 03, 2024 pm 06:33 PM

PHP 배열은 json_encode() 함수를 통해 JSON 문자열로 변환할 수 있으며(예: $json=json_encode($array);), 반대로 json_decode() 함수를 사용하면 JSON에서 배열로 변환할 수 있습니다($array= json_decode($json);) . 다른 팁에는 심층 변환 방지, 사용자 정의 옵션 지정 및 타사 라이브러리 사용이 포함됩니다.

See all articles

ID	이름	섹스	나이	삭제 작업	업데이트 작업
" cur_id "	" cur_name "	" cur_sex "	" cur_age "	删除	새로운