0

私がやろうとしているのは、Google マップから次の情報を取得することです。JavaScript はクライアント側であり、PHP のようなサーバー側ではないことを認識しているため、JS が実行される前に読み込まれます。問題は、列 post_id を厳密に PHP -> XML -> JS を介して PHP に呼び出すと、リンクが読み込まれないことです。厳密に PHP だけでこれを行う方法はありますか?マップ上の各位置マーカーのマーカー テーブルから位置 post_id を取得する方法はありますか? AJAXでも可能だと読みましたが、AJAXに関する知識はあまりありません。

boxText.innerHTML = "<div class='mapname'>" + '<a href="<?php echo get_permalink( $post_id ); ?>">' + name + '</a>' + "</div><i>" + listtype + "</i> <br/>" + address + "<br/>" + phone;

ありがとう！

4

1 に答える 1

0

完全な PHP-Javascript AJAX の例を次に示します。「myServerScript.php」という名前でファイルを保存し、ブラウザでそのファイルを参照してください。PHP は、AJAX を介して同じ PHP スクリプトを呼び出す JavaScript を出力し、PHP が応答し、JavaScript が応答を処理します。

PHP インストールが短い区切り文字を受け入れるように構成されていることを確認してください。<?...?>

<?

if(isset($_GET['msg'])){
    print "alert('AJAX response from PHP - Javascript said:". $_GET['msg']."')";
}
else{
    print <<<qq
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<title>AJAX Example: (by Marcelo)</title>
<script src="http://maps.google.com/maps/api/js?sensor=false"></script>


<script>
// Sorry, I can't be bothered typing "google.maps." every time. ;-)
var G = google.maps;

var zoom = 4;
var centerPoint = new G.LatLng(40.178873, -96.767578);
var container;
var map;


function ajaxLoad(url,callback,plain) {
    var http_request = false;

    if (window.XMLHttpRequest) { // Mozilla, Safari, ...
        http_request = new XMLHttpRequest();
        if (http_request.overrideMimeType && plain) {
            http_request.overrideMimeType('text/plain');
        }
    } else if (window.ActiveXObject) { // IE
        try {
            http_request = new ActiveXObject("Msxml2.XMLHTTP");
        } catch (e) {
            try {
                http_request = new ActiveXObject("Microsoft.XMLHTTP");
            } catch (e) {}
        }
    }
    if (!http_request) {
        alert('Giving up :( Cannot create an XMLHTTP instance');
        return false;
    }
    http_request.onreadystatechange =  function() {
        if (http_request.readyState == 4) {
            if (http_request.status == 200) {
                eval(callback(http_request));
            }
            else {
                alert('Request Failed: ' + http_request.status);
            }
        }
    };
    http_request.open('GET', url, true);
    http_request.send(null);
}
var url = "myServerScript.php?msg=hello from javascrpt";
ajaxLoad(url, parseResults, true);


function parseResults(req){
    var text = req.responseText;
    eval(text);
}

function load() {
    container = document.getElementById('mapDiv');

    var myOptions = {
        zoom: zoom,
        center: centerPoint,
        mapTypeId: G.MapTypeId.ROADMAP,
        rotateControl: true,
        keyboardShortcuts:false
    }
    map = new G.Map(container, myOptions);
 google.maps.event.addListener(map,'click',function(mev){
var url = "myServerScript.php?msg="+mev.latLng;
ajaxLoad(url, parseResults, true);    
  });
}

window.onload = load;

</script>
</head>
<body>
Hello from PHP.
<h2>Click on the map to send the lat/lon to PHP</h2>
<div id="mapDiv" style="width: 800px; height: 450px;"></div>
</body>
</html>

qq;

}


?>

ライブバージョンはこちら

于 2012-08-28T05:56:02.370 に答える