Ajax 튜토리얼 페이지 부분 점프 및 결과 반환-JS 튜토리얼-php.cn

Ajax 튜토리얼 페이지 부분 점프 및 결과 반환

巴扎黑

풀어 주다： 2017-08-21 10:23:43

원래의

1316명이 탐색했습니다.

코드 샘플 분석을 통해 부분 페이지 점프 및 결과 반환을 구현하는 ajax 구현 방법을 소개합니다.

1 결과 반환이 포함된 제출 프로세스는 다음과 같습니다. 시연하기 위한 제출 버튼, HTML 코드는 다음과 같습니다.

<input type="button" class="btn" value="提报" name="submit4" onClick="tibao();">

로그인 후 복사

신고 버튼을 클릭하면 ajax를 통해 처리할 작업으로 이동합니다. JavaScript 코드는 다음과 같습니다.

function tibao(){
var id="";
var URL = <select:link page="/smokeplan.do?method=Tibao&idset="/>+id;
  $.ajax({url: URL, 
    　　type: "GET",
    　　success: function(result) {
           alert(result);
        }
  });}

로그인 후 복사

작업 처리가 완료된 후 반환된 결과는 다음 위치에 배치됩니다. 결과가 표시되고 프롬프트 메시지가 페이지에 나타납니다. 물론 여기에서 작업을 점프하려면 xml 구성이 필요합니다.

백그라운드 Java 클래스 처리 프로세스는 다음과 같습니다.

//提报
    public void Tibao(ActionMapping mapping, ActionForm form,
        HttpServletRequest request, HttpServletResponse response) throws Exception {
      String idset=request.getParameter("idset");
      CallHelper helper = initializeCallHelper("L_SmokeBoxtibaoWLDan", form,request, false);
      helper.setParam("bill_ids",idset);
      helper.setParam("personid",getPersonId(request));
      helper.execute();
      PrintWriter write = response.getWriter();
      write.print(helper.getOutput("message"));
      write.close();    }

로그인 후 복사

여기서 데이터는 sql 문을 통해 처리되고 메시지가 반환되며 해당 정보가 페이지에 인쇄됩니다.

여기에서 수행된 작업의 결과는 다음과 같습니다. 해당 응답 위치에 반영되므로 새 응답 대신 응답에 속하는 스트림을 얻습니다.

즉, 거기에서 점프하면 내 정보가 그곳으로 반환된다는 뜻입니다. 따라서 js에서는 결과를 사용하여 반환된 결과를 받을 수 있고 경고를 사용하여 프롬프트할 수 있습니다.

AJAX를 사용하여 페이지 점프를 구현하는 방법

샘플 코드는 다음과 같습니다.

프로젝트에서 ajaxAnywhere 프레임워크를 사용하여 ajax를 구현하면 효과가 좋고 구현하기 쉽지만 지금의 문제는 다음과 같습니다. 페이지가 효과를 달성하더라도 비즈니스는 여전히 양식을 제출해야 합니다. 이 경우 제출을 클릭한 후에도 여전히 정의한 영역이 새로 고쳐집니다. 이때 단순히 양식을 제출하는 것만으로는 충분하지 않습니다.

js BS 프로젝트 개발 도구의 강력한 도구를 사용하여 위의 문제를 해결하기 위한 기능을 맞춤설정하세요.

function doGuahao()
{
 if(checkdata())
 {
 if(document.form1.result_flag.value=="0")
 {
  return false;
 }
 else
 {
  if(document.form1.checktype.value=="danganhao")
  {
  form1.action = "<%=formAction%>";
  form1.submit();
  }
  if(document.form1.checktype.value=="xingming")
  {
  form1.action = parent.left.url2;
  form1.submit();
  }
  if(document.form1.checktype.value=="shenfenzheng")
  {
  form1.action = "<%=formAction%>";
  form1.submit();
  }
 }
 } }

로그인 후 복사

위 내용은 Ajax 튜토리얼 페이지 부분 점프 및 결과 반환의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!