Ajax 양식 제출 및 백그라운드 처리 간단한 예
이 기사에서는 주로 Ajax 양식 제출 및 백그라운드 처리를 기반으로 하는 간단한 애플리케이션을 제공합니다. 편집자님이 꽤 좋다고 생각하셔서 지금 공유하고 모두에게 참고용으로 드리고자 합니다. 편집자를 따라 살펴보겠습니다. 모두에게 도움이 되기를 바랍니다.
먼저 양식 제출에 대해 이야기해 보겠습니다. 양식을 제출하려면 먼저 양식 데이터를 수집해야 합니다. (검증에 대해서는 언급하지 않겠습니다. jquery로 남겨두겠습니다.) html $ ("xxid").val() 등의 값을 얻는 것은 쉽지만, 폼이 데이터를 많이 수집하고, 이런 폼이 많으면 이 방법을 사용하는 것은 확실히 번거로울 것입니다. 그리고 녹음할 때 실수하기 쉽습니다. 따라서 간단히 수집 규칙을 정의하면 됩니다. 예를 들어 서버로 다시 전송될 데이터 양식 컨트롤을 표시한 다음 표시된 데이터를 함께 검색할 수 있습니다.
가장 간단한 스타일 입력을 예로 들어 보겠습니다. , 저장된 값은 해당 서버 관련 클래스의 속성 이름입니다. 이 마크를 사용하면 프런트에서 데이터를 검색하기가 더 쉬워집니다.
다음 코드와 같은 일반적인 방법을 정의할 수 있습니다
getFormData: function(formid) { var data = {}; //获取TEXT文件内容 $("#" + formid + " input[type=text]").each(function(i, o) { var jo = $(o); if (jo.attr("datafield")) { var str = jo.val(); str = str.replace(" ", ""); if (str !== "") { data[jo.attr("datafield")] = jo.val(); } } }); return data; }
다음은 양식의 모든 텍스트를 가져와서 데이터 개체에 넣는 간단한 방법입니다. 다른 양식 컨트롤의 원리는 비슷합니다.
그런 다음 다음 단계는 데이터를 서버로 보내는 것입니다. 여기서는 jquery와 함께 ajax를 직접 사용하겠습니다.
var save = function(sender) { $(sender).prop("disabled", true); //禁用按钮,防止重复发送 var data = getFormData("form1"); var jsonobj = { jsondata: data }; var textdata = JSON.stringify(jsonobj); $.ajax({ type: "POST", contentType: "application/json; charset=utf-8", url: "xxxxx.aspx/Save", dataType: "json", data: textdata, success: function(msg) { if (msg.d == "1") { document.form1.reset(); alert("保存成功!"); } else if (msg.d == "0") { alert("保存失败!"); } }, complete: function(jqXHR, textStatus) { $(sender).prop("disabled", false); //还原按钮 } }); }
여기의 "xxxxx.aspx/Save"는 Ajax 처리 페이지이고 다른 하나는 웹 메소드입니다. 고객의 너무 빠른 이동, 너무 느린 서비스 처리, 반복적인 클릭을 방지하기 위해 일부 처리를 수행했습니다.
이렇게 폼 데이터 수집 및 서버로의 반환이 완료되었습니다. 여기서는 json2.js의 JSON.stringify 메서드를 사용하여 객체를 json 문자로 균일하게 변환합니다. 장점은 json 문자열을 직접 작성하기 위해 json 형식을 고려할 필요가 없다는 것입니다.
그러면 클라이언트가 데이터를 수집했고 서버는 데이터를 처리해야 합니다. 프론트 데스크에서 가져온 데이터의 키(json 키)에는 특정 데이터 클래스의 모든 속성이 포함될 수 없습니다. 또한 많은 데이터 클래스가 있으며 서버만이 그것이 어떤 클래스인지 알고 있습니다. 따라서 여기서 도우미 변환 클래스를 작성해야 합니다. 여기에는 또 다른 문제가 있습니다. 데이터 클래스가 많을 수도 있습니다. 각 클래스마다 메소드를 작성해야 하는 것이 함정이 아닌가요? 그래서 클라이언트에서 서버로 전송되는 데이터 형식을 분석합니다. 이는 키-값 쌍의 집합이며 사전
그럼 핵심 코드를 올려보겠습니다
public static T1 UpdateObjectByDic<T1>(T1 scrobj, IDictionary<string, string> sourceobject, bool ignoreCase) where T1 : new() { T1 result = scrobj; PropertyInfo[] pifresults = typeof(T1).GetProperties(); foreach (var dic in sourceobject) { foreach (PropertyInfo pifresult in pifresults) { if (string.Compare(dic.Key, pifresult.Name, ignoreCase) == 0) { pifresult.SetValue(result, ChangeType(dic.Value, pifresult.PropertyType), null); break; } } } return result; } public static Object ChangeType(object value, Type targetType) { Type convertType = targetType; if (targetType.IsGenericType && targetType.GetGenericTypeDefinition().Equals(typeof(Nullable<>))) { NullableConverter nullableConverter = new NullableConverter(targetType); convertType = nullableConverter.UnderlyingType; } return Convert.ChangeType(value, convertType); }
여기서 T1 scrobj는 폼이 추가되면 새로운 객체가 전달됩니다. 업데이트라면. order, 원본 양식 데이터가 전달됩니다. 그런데 여기에는 ChangeType 메서드가 있습니다. 다른 것들은 데이터 클래스의 일부 속성이 null을 허용한다는 것입니다(int? DateTime? 등). 기존 Convert.ChangeType에는 예외가 있으므로 간단히 무시합니다. (프런트 데스크의 데이터 필드에 해당하는 값) 대문자와 소문자를 처리하는지 확인하십시오. (대개 케이스에 관계없이 케이스를 처리하려면 프런트 침에 빠질 것이라고 생각합니다.)
이로 백그라운드 데이터 처리 코어가 완성되고, 코드의 호출 부분도 게시됩니다
[WebMethod(EnableSession = true)] public static string Save(Dictionary<string, string> jsondata) { string result = "0"; Model.Project pro = ConvertHandle.UpdateObjectByDic< Model.Project>(jsondata,new Model.Project,true); pro.CreatorID = BLL.Sys_User.GetCurUser().ID.ToString(); pro.CreatorName = BLL.Sys_User.GetCurUser().Name; prohandle.Insert(pro); result = "1"; return result; }
여기가 백그라운드별 처리 메서드 호출의 핵심인 prohandle.Insert(pro)가 클래스를 데이터베이스에 저장합니다. , pro.CreatorID, pro.CreatorName은 프로젝트에 대한 다른 정보이므로 여기서는 다루지 않겠습니다. 이쯤 되면 저장하는 부분을 제외하고는 프론트엔드 데이터 수집과 폼의 백그라운드 처리가 모두 끝났네요, ㅎㅎ.
마지막으로 이 글은 제가 언급한 프론트엔드 컬렉션처럼 이미 많은 프론트엔드 js 프레임워크가 개발되었으며, 고려사항은 저보다 훨씬 더 포괄적입니다. 많은 타사 프레임워크가 완전한 시스템을 갖추고 있지만 여기서 말하는 것은 현재 제어할 수 있는 것이 많지 않은 경우 이 경로를 간단하게 구현할 수 있습니까? 물론 바퀴를 재발명하지 말라고 강력히 권하지만, 바퀴의 핵심 기능과 원리를 이해해야 한다.
관련 추천:
JQuery는 PHP_jquery용 AJAX 양식 제출 인스턴스를 생성합니다
Laravel에서 Vue.js를 사용하여 Ajax 양식 확인 인스턴스를 구현합니다.
Ajax 양식의 반복 제출을 방지하기 위해 PHP에서 세션 토큰을 사용합니다
위 내용은 Ajax 양식 제출 및 백그라운드 처리 간단한 예의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

핫 AI 도구

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

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

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

AI Hentai Generator
AI Hentai를 무료로 생성하십시오.

인기 기사

뜨거운 도구

메모장++7.3.1
사용하기 쉬운 무료 코드 편집기

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

스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경

드림위버 CS6
시각적 웹 개발 도구

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

뜨거운 주제











Discuz 백그라운드 로그인 문제에 대한 해결책이 공개되었습니다. 인터넷의 급속한 발전으로 인해 웹 사이트 구축이 점점 보편화되고 있으며 일반적으로 사용되는 포럼 웹 사이트 구축 시스템으로 Discuz가 선호되고 있습니다. 많은 웹마스터. 그러나 강력한 기능으로 인해 Discuz를 사용할 때 백그라운드 로그인 문제와 같은 몇 가지 문제가 발생할 수 있습니다. 오늘은 Discuz 백그라운드 로그인 문제에 대한 해결책을 공개하고 구체적인 코드 예시를 제공하여 도움이 필요한 분들에게 도움이 되기를 바라겠습니다.

1. 먼저 작업 표시줄의 빈 공간을 마우스 오른쪽 버튼으로 클릭하고 [작업 관리자] 옵션을 선택하거나, 시작 로고를 마우스 오른쪽 버튼으로 클릭한 후 [작업 관리자] 옵션을 선택합니다. 2. 열린 작업 관리자 인터페이스에서 맨 오른쪽에 있는 [서비스] 탭을 클릭합니다. 3. 열린 [서비스] 탭에서 아래의 [서비스 열기] 옵션을 클릭하세요. 4. 열리는 [서비스] 창에서 [InternetConnectionSharing(ICS)] 서비스를 마우스 오른쪽 버튼으로 클릭한 후 [속성] 옵션을 선택하세요. 5. 열리는 속성 창에서 [연결 프로그램]을 [사용 안 함]으로 변경하고 [적용]을 클릭한 후 [확인]을 클릭하세요. 6. 시작 로고를 클릭한 후 종료 버튼을 클릭하고 [다시 시작]을 선택한 후 컴퓨터를 다시 시작합니다.

제목: jQuery AJAX 요청의 403 오류를 해결하는 방법 및 코드 예제 403 오류는 서버가 리소스에 대한 액세스를 금지하는 요청을 의미합니다. 이 오류는 일반적으로 요청에 권한이 없거나 서버에서 거부되기 때문에 발생합니다. jQueryAJAX 요청을 할 때 가끔 이런 상황이 발생합니다. 이 기사에서는 이 문제를 해결하는 방법을 소개하고 코드 예제를 제공합니다. 해결 방법: 권한 확인: 먼저 요청한 URL 주소가 올바른지 확인하고 리소스에 액세스할 수 있는 충분한 권한이 있는지 확인하십시오.

jQuery는 클라이언트 측 개발을 단순화하는 데 사용되는 인기 있는 JavaScript 라이브러리입니다. AJAX는 전체 웹 페이지를 다시 로드하지 않고 비동기 요청을 보내고 서버와 상호 작용하는 기술입니다. 그러나 jQuery를 사용하여 AJAX 요청을 할 때 가끔 403 오류가 발생합니다. 403 오류는 일반적으로 보안 정책이나 권한 문제로 인해 서버 거부 액세스 오류입니다. 이 기사에서는 403 오류가 발생한 jQueryAJAX 요청을 해결하는 방법에 대해 설명합니다.

WordPress 백엔드 잘못된 코드가 걱정되나요? 이러한 솔루션을 사용해 보십시오. 웹 사이트 구축에 WordPress가 널리 적용되면서 많은 사용자가 WordPress 백엔드에서 잘못된 코드 문제에 직면할 수 있습니다. 이러한 종류의 문제로 인해 배경 관리 인터페이스에 잘못된 문자가 표시되어 사용자에게 큰 문제를 야기합니다. 이 문서에서는 사용자가 WordPress 백엔드에서 잘못된 문자 문제를 해결하는 데 도움이 되는 몇 가지 일반적인 솔루션을 소개합니다. wp-config.php 파일을 수정하고 wp-config를 엽니다.

PHP 개발 과정에서 특수 문자를 처리하는 것은 일반적인 문제이며, 특히 문자열 처리에서는 특수 문자가 이스케이프되는 경우가 많습니다. 그중에서도 특수 문자를 작은따옴표로 변환하는 것은 상대적으로 일반적인 요구 사항입니다. 왜냐하면 PHP에서는 작은따옴표가 문자열을 래핑하는 일반적인 방법이기 때문입니다. 이 기사에서는 PHP에서 특수 문자 변환 작은따옴표를 처리하는 방법을 설명하고 구체적인 코드 예제를 제공합니다. PHP에서 특수 문자에는 작은따옴표('), 큰따옴표("), 백슬래시() 등이 포함되지만 이에 국한되지는 않습니다.

Ajax를 사용하여 PHP 메소드에서 변수를 얻는 것은 웹 개발의 일반적인 시나리오입니다. Ajax를 통해 데이터를 새로 고치지 않고도 페이지를 동적으로 얻을 수 있습니다. 이 기사에서는 Ajax를 사용하여 PHP 메소드에서 변수를 가져오는 방법을 소개하고 구체적인 코드 예제를 제공합니다. 먼저 Ajax 요청을 처리하고 필요한 변수를 반환하기 위해 PHP 파일을 작성해야 합니다. 다음은 간단한 PHP 파일 getData.php에 대한 샘플 코드입니다.

jQueryAJAX 오류 403 문제를 해결하는 방법은 무엇입니까? 웹 애플리케이션을 개발할 때 jQuery는 종종 비동기 요청을 보내는 데 사용됩니다. 그러나 때때로 jQueryAJAX를 사용할 때 서버에서 액세스가 금지되었음을 나타내는 오류 코드 403이 발생할 수 있습니다. 이는 일반적으로 서버 측 보안 설정으로 인해 발생하지만 문제를 해결하는 방법이 있습니다. 이 기사에서는 jQueryAJAX 오류 403 문제를 해결하는 방법을 소개하고 구체적인 코드 예제를 제공합니다. 1. 만들다
