페이지 부분 새로 고침 의 두 가지 방식: form + iframe 과 ajax

4664 단어 Ajax JavaScript Microsoft Dojo IE

더 읽 기
1 form 을 사용 하여 제출 합 니 다. target 은 iframe 의 name 으로 설정 합 니 다.
인용 하 다.


 &#13;
</code></pre>  <pre><code name="code"/><form id="mapForm" name="mapForm" action="" method="post"> 
  <br/> 
 </form></div> 
 <br/> 
 <br/>2   ajax。 div        ，       
 <pre><code name="code"><div id="mapDiv" name="mapDiv">， ajax      ，   
 <strong>document.getElementById("mapDiv").innerHTML =xmlhttp.responseText</strong>     div       。 
 <br/>birt  ajax            ： 
 <br/> http://www.roseindia.net/answers/viewanswers/1936.html 
 <br/> 
 <pre><code name="code">&#13;
var xmlhttp = new getXMLObject();&#13;
function   ajax   () {&#13;
		if(xmlhttp) { &#13;
			//URL      ,   xmlhttp send(params)   （  ）  &#13;
			//var url = "/preview?__report=rptfiles/tuition_map.rptdesign&amp;startDate=${startDate}&amp;endDate=${endDate}&amp;province=" + encodeURIComponent(provinceName);&#13;
			&#13;
			var url = "/preview";&#13;
			var params = "__report=rptfiles/tuition_map.rptdesign&amp;startDate=${startDate}&amp;endDate=${endDate}&amp;province=" + provinceName;&#13;
			//alert(url);&#13;
			//alert(params);&#13;
			&#13;
			xmlhttp.open("POST",url,true); &#13;
			xmlhttp.onreadystatechange = handleServerResponse;&#13;
			xmlhttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded;charset=UTF-8');&#13;
			xmlhttp.send(params); &#13;
		}&#13;
	}&#13;
&#13;
	//XML OBJECT&#13;
	function getXMLObject() {&#13;
		var xmlHttp = false;&#13;
		try {&#13;
		xmlHttp = new ActiveXObject("Msxml2.XMLHTTP") // For Old Microsoft Browsers&#13;
		}&#13;
		catch (e) {&#13;
		try {&#13;
		xmlHttp = new ActiveXObject("Microsoft.XMLHTTP") // For Microsoft IE 6.0+&#13;
		}&#13;
		catch (e2) {&#13;
		xmlHttp = false // No Browser accepts the XMLHTTP Object then false&#13;
		}&#13;
		}&#13;
		if (!xmlHttp &amp;&amp; typeof XMLHttpRequest != 'undefined') {&#13;
		xmlHttp = new XMLHttpRequest(); //For Mozilla, Opera Browsers&#13;
		}&#13;
		return xmlHttp; // Mandatory Statement returning the ajax object created&#13;
	}&#13;
&#13;
	function handleServerResponse() {&#13;
		if (xmlhttp.readyState == 4) {&#13;
			//if(xmlhttp.status == 200) {&#13;
			//alert(xmlhttp.responseText);&#13;
			document.getElementById("mapDiv").innerHTML =xmlhttp.responseText;&#13;
			//}&#13;
			// else {&#13;
			// alert("Error during AJAX call. Please try again");&#13;
			// }&#13;
		}&#13;
	}&#13;
</code></pre>  <br>Q & A：Div as Form Target，Possible？ <br>Q： <br>인용 하 다.<br>Does anyone know how to target a . I want to put an HTML form <br>in a DIV. When it's submitted, the results should show up within that <br>same DIV. Possible? <br>A： <br>인용 하 다.<br>You can't target a div the way you can a frame; <br>you'd have to use AJAX techniques: have a button that triggers, <br>instead of a form submission, a call to a JavaScript function that <br>manually assembles and POSTs the same query that the browser would <br>assemble if you had really submitted the form, with a callback to a <br>JavaScript function that populates the div with the results.  There <br>are JavaScript libraries that make this task easier (dojo, Yahoo!, <br>etc), but you still need to know how to program... <br>질문<br>다음 코드 를 사용 하여 birt 에 전 달 된 중국어 성 이름 province Name 은 항상 번 거 로 운 코드 입 니 다.<pre><code name="code">var url = "/preview?__report=rptfiles/tuition_map.rptdesign&amp;startDate=${startDate}&amp;endDate=${endDate}&amp;province=" + provinceName;&#13;
xmlhttp.open("POST",url,true); &#13;
xmlhttp.onreadystatechange =        ;&#13;
xmlhttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded;charset=UTF-8');&#13;
xmlhttp.send(null); </code></pre> 어떤 escape () encodeURI () encodeURIComponent () 를 사용 하여 url 의 중국어 provineName 을 전환 해도 문 제 를 해결 할 수 없습니다.<br>이후 XmlHttpRequest 의 send 방법 으로 바 꾸 어 이 난 장 판 문 제 를 해결 하 였 습 니 다.<pre><code name="code">var url = "/preview";&#13;
var params = "__report=rptfiles/tuition_map.rptdesign&amp;startDate=${startDate}&amp;endDate=${endDate}&amp;province=" + provinceName;&#13;
xmlhttp.open("POST",url,true); &#13;
xmlhttp.onreadystatechange =        ;&#13;
xmlhttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded;charset=UTF-8');&#13;
xmlhttp.send(params); </code></pre>  <br>보아하니 얻 은 결론 은 다음 과 같다.<br>ajax 를 사용 하여 중국어 매개 변 수 를 전달 할 경우 url 에서 중국어 매개 변 수 를 추가 하지 말고 XmlHttpRequest. send (매개 변수 문자열) 를 사용 하여 참 조 를 전달 하면 매개 변수 문자열 의 중국 어 는 혼 란 스 럽 지 않 습 니 다.<br><!-- 문장 페이지 - 아래쪽 동적 광고 위치 -- > < / ife > < / code > < / pre > < / div > < / div > < / div > < / div > < / body > < / html >

이 내용에 흥미가 있습니까?

현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:

원생 Ajax와 jQuery Ajax의 차이점 예시 분석

선언: 이번에 소개한 것은 aax와 백그라운드를 이용하여 데이터 교환을 하는 작은 예이기 때문에 demo는 서버를 통해 열어야 합니다.서버 환경은 구축하기 매우 좋다. 인터넷에서wamp나xampp를 다운로드하여 한 ...

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.

안 드 로 이 드 개발 프로젝트 의 파일 구조 및 규범화 배치 제안

[OCI] 레코드통에 있는 여러 JPEG 파일을 Autonomous Database에 BLOB로 저장

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다