Ajax 구성 세부 정보, ajax 호출 설명, ajax 중국어 왜곡 문자 및 ajax 양식 제출(예제 포함)

이번 글에서는 주로 ajax 사용 개요와 ajax 구성, 호출, 한자 깨짐, 폼 제출 등에 대한 자세한 설명을 다루고 있습니다. 이제 이 글을 함께 살펴보겠습니다

·사용법 jquery
0. jquery.js를 먼저 소개해야 합니다. 그렇지 않으면 jquery 프레임워크를 호출할 수 없습니다.
1. js는 대소문자를 구분하므로 이름을 지정할 때 주의하세요
2. jquery는 id를 기반으로 페이지 텍스트의 값을 가져옵니다. p의 속성: $("#demoID" ).val(), 할당인 경우 $("#demoID" 클래스 속성 $(".demoCLASS").val()을 기반으로 페이지 텍스트의 값을 가져옵니다. ").val("할당된 매개변수")
3. $( document).ready(function(){code}), $().ready(function(){code}), $(function(){code} )는 같은 의미를 갖습니다
4. 여러 개의 $(function(){ Code})가 공존할 수 있습니다. 즉, 이름이 반복되지 않는 한 동시에 작동할 수 있습니다.
5. $(function(){code }) 페이지가 로딩되자마자 실행된다는 뜻으로 자동클릭, 자동팝업, 클릭모니터링, 기타 모니터링 등이 있습니다
6. 로딩후 클릭과 "클릭모니터링"의 차이점(참고용으로 매우 유용) )
예를 들어 현재 js 메소드가 있습니다. function decoFunction(){alert("This method has run");};
로드 완료 즉, 클릭: $("#demoid").click(demoFunction() );
이 메서드는 버튼에 클릭 동작이 있거나 jquery를 통해 click() 동작이 있는 경우에만 수행할 수 있습니다. $("# decoid").click(function(){demoFunction ()});
7. 자동으로 로드되어 실행되거나 모니터링이 필요한 경우 $(document).ready(function(){code}) 에 배치해야 합니다. 코드에서
8. 차이점 window.onload=function(){code} 및 $(function(){code})
·함수 호출 사용법이 다릅니다:
window.onload = function(){code};
$ (function(){ code})
·함수를 호출하는 시간이 다릅니다
Window.load=function(){code}: 실행되기 전에 웹 페이지의 모든 콘텐츠(이미지 포함)가 로드될 때까지 기다려야 합니다. 업로드 및 기타 기능으로.
$(function(){code}), 웹 페이지의 모든 DOM 구조가 그려진 후에 실행될 수 있습니다.
9. AJAX 주제
· 필수 jar 패키지: commons-lang-2.5.jar, commons-lang3-3.1.jar, javassist-3.11.0.GA.jar
· 프론트엔드 js 작성 방법: 단순화하기 위해 프로세스는 페이지로 작성됩니다 Load and run
$(document).ready(function(){
$.ajax({

url : "testajax.do",// 请求地址
//timeout : 600000,//超时时间设置，单位毫秒
async : false,// 异步
cache : false,// 缓存
type : 'post',// 请求方式
data: {"name":"123"},//data: $('#formid').serialize(),//序列化表单-当触发一个form表单提交的ajax事件的时候，这个序列化方法自动将数据转化为json格式传递给后台
dataType : 'json',// 服务器返回的数据类型
success : function(msg) {// 请求成功后调用的
alert("返回json的实验成功了"+" msg.resultcode="+msg.resultcode+" msg.name="+msg.name);
},
error :function(){
alert("异常");
}
});
      });

· struts 작성 방법. Operation

      <?xml version="1.0" encoding="UTF-8"?>
      <!DOCTYPE struts PUBLIC
    "-//Apache Software Foundation//DTD Struts Configuration 2.3//EN"
    "http://struts.apache.org/dtds/struts-2.3.dtd">
    <struts>
    <!--略去一些struts2的配置信息-->
<package name="myajax" extends="json-default" namespace="/">
<global-results>
<result name="message" type="json">
<param name="root">message</param>
</result>
</global-results>
<action name="*" class="demo.action.AjaxTest" method="{1}">
        <result name="list">/index.jsp</result>
       </action>
</package> 
<!-- 包含的其他配置文件 -->
<include file="struts-method.xml"></include>
    </struts>

·Ajax 애플리케이션 양식 양식 데이터를 제출하려면 - 양식 데이터가 자동으로 json 형식으로 변환됩니다.

시나리오 설명: 특정 제출 정보가 양식이고 ajax를 통해 백그라운드로 전달되는 경우 일반적으로 Transform this form to json format and pass라는 시퀀스를 사용합니다. (자세한 내용을 알고 싶으면 PHP 중국어 홈페이지

AJAX 개발 매뉴얼
칼럼을 참고하세요.)
·폼 form의 형식으로 form 태그에는 id, input 태그가 있습니다. 이름이 있어요

    import java.io.IOException;
    import java.io.PrintWriter;
    import java.util.HashMap;
    import java.util.Map;
    import javax.servlet.http.HttpServletResponse;
    import org.apache.struts2.ServletActionContext;
    public class AjaxTest {
protected Map<String, Object> message = new HashMap<String, Object>();
/** AJAX请求返回RESULT的name常量*/
protected final static String MESSAGE = "message";
public Map<String, Object> getMessage() {
return message;
}
public void setMessage(Map<String, Object> message) {
this.message = message;
}
//-登录页面中form表单提交的路径
public String testajax() throws IOException{
System.out.println("获取参数name="+ServletActionContext.getRequest().getParameter("name"));
message.put("resultcode", "0000");
message.put("resultcode", "0001");
message.put("name", "zhong文ce试");
return MESSAGE;
}
     }

·js 부분은 별도의 js 파일로 작성할 수 있습니다. jquery.js 파일을 먼저 소개해야 한다는 점에 유의하세요

     <form  id="formid"> 
姓名：<input type="text" name="name" value="张三"/><br>
年龄：<input type="text" name="age" value="12"/><br>
<input type="submit" value="提交" id="submitid"/>
     </form>

이 글은 여기에서 끝납니다(보고 싶으시다면) 자세한 내용은
AJAX 사용자 설명서

열의 PHP 중국어 학습을 참조하세요. 궁금한 점이 있으면 아래에 메시지를 남겨주세요

.

위 내용은 Ajax 구성 세부 정보, ajax 호출 설명, ajax 중국어 왜곡 문자 및 ajax 양식 제출(예제 포함)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!