0

ボタンをクリックすると、フォームを送信し、いくつかのデータを に投稿しdata.phpます。

index.phpdata.phpの一部に表示する結果div

index.php:

function showUser(form, e) {
      //alert(myid);
      e.preventDefault();
      e.returnValue=false;
      var xmlhttp;
      var sent = form.elements['sent'].value;  
      var text1 = document.getElementById('previewUrl').innerText || document.getElementById('previewUrl').textContent;
      var text2 = document.getElementById('previewTitle').innerText || document.getElementById('previewTitle').textContent;
      var text3 = document.getElementById('previewDescription').innerText || document.getElementById('previewDescription').textContent;

      //alert(text3);      
      console.log(sent);

      if (window.XMLHttpRequest) {
        xmlhttp=new XMLHttpRequest();
      }
      else {
        // code for IE6, IE5
        xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
      }
      xmlhttp.onreadystatechange = function(e) {
        if (xmlhttp.readyState == 4 && xmlhttp.status == 200){

xmlhttp.responseText.resultOne;
xmlhttp.responseText.resultTwo;

document.getElementById("myFirstDiv").innerHTML=xmlhttp.responseText.resultOne;
document.getElementById("mySecondDiv").innerHTML=xmlhttp.responseText.resultTwo;
        }
      }
        xmlhttp.open(form.method, form.action, true);
      xmlhttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
      deURIComponent(text3);
      xmlhttp.send('sent=' + sent + '&text1=' + text1 + '&text2=' + text2 + '&text3=' + text3);
    }

Data.php は次のようになります。

<?php
//sent has value "http://www.paulgraham.com/herd.html"
$url=$_POST['sent'];
$text1=$_POST['text1'];
$text2=$_POST['text2'];
$text3=$_POST['text3'];

//Some processing

echo $restult1;  // I want to show this on <div1> on main page   index.php

//Some processsing

echo $result2;    // I want to show this on <div2> on main page index.php


?>

index.php の異なる div に result1 と result2 を表示するにはどうすればよいですか?

4

2 に答える 2

1

result1todiv1result2toの値を代入するスクリプトをエコーできるかもしれませんdiv2

たとえば、jquery を使用する場合、次のようなことができます。

echo "<script> $("#div1").innerHTML(".$result1");</script>"
于 2013-10-26T14:13:19.500 に答える
1
<?php
//sent has value "http://www.paulgraham.com/herd.html"
$url=$_POST['sent'];
$text1=$_POST['text1'];
$text2=$_POST['text2'];
$text3=$_POST['text3'];

//Some processing


$resultArray = array("resultOne" => $result1,"resultTwo" => $result2);

echo json_encode($resultArray);

?>

したがって、php ページから応答オブジェクトを取得します。

そして今、Jsで以下のような値にアクセスできます

JavaScriptで

xmlhttp.responseText.resultOne;
xmlhttp.responseText.resultTwo;

2 つの div を設定できるようになりました

document.getElementById("myFirstDiv").innerHTML=xmlhttp.responseText.resultOne;
document.getElementById("mySecondDiv").innerHTML=xmlhttp.responseText.resultTwo;
于 2013-10-26T14:12:28.227 に答える