ajaxスクリプトのヘルプ

私はajaxを学び、別の選択ボックスでユーザーが選択したものに基づいて選択ボックスを追加するスクリプトを作成しましたが、うまくいかないようです。あなたはAjaxオブジェクトを開くと、要求を行うブール引数をajaxスクリプトのヘルプ

Categories.js

// Initialize the object: 
var ajax = false; 

// Create the object... 

// Choose object type based upon what's supported: 
if (window.XMLHttpRequest) { 

    // IE 7, Mozilla, Safari, Firefox, Opera, most browsers: 
    ajax = new XMLHttpRequest(); 

} else if (window.ActiveXObject) { // Older IE browsers 

    // Create type Msxml2.XMLHTTP, if possible: 
    try { 
     ajax = new ActiveXObject("Msxml2.XMLHTTP"); 
    } catch (e1) { // Create the older type instead: 
     try { 
      ajax = new ActiveXObject("Microsoft.XMLHTTP"); 
     } catch (e2) { } 
    } 

} 

// Send an alert if the object wasn't created. 
if (!ajax) { 
    alert ('Page functionality is unavailable.'); 
} 

// Function that starts the Ajax process: 
function categories_chain(username) { 

    // Confirm that the object is usable: 
    if (ajax) { 

     // Call the PHP script. 
     // Use the GET method. 
     // Pass the username in the URL. 
     ajax.open('get', 'categories.php?' + encodeURIComponent(username)); 

     // Function that handles the response: 
     ajax.onreadystatechange = handle_check; 

     // Send the request: 
     ajax.send(null); 


} // End of check_username() function. 

// Function that handles the response from the PHP script: 
function handle_check() { 

    // If everything's OK: 
    if ((ajax.readyState == 4) && (ajax.status == 200)) { 

     // Assign the returned value to a document element: 
     document.getElementById('cat2').innerHTML = ajax.responseText; 

    } 

} // End of handle_check() function.

categories.php

<?php 
if(isset($_GET['1'])) { 
    echo <<<HERE_DOC 
<option value="1.1">Antiquities &gt;</option> 
<option value="1.2">Architectural &amp; Garden &gt;</option> 
<option value="1.3">Asian Antiques &gt;</option> 
<option value="1.4">Books &amp; Manuscripts &gt;</option> 
<option value="1.5">Decorative Arts &gt;</option> 
<option value="1.6">Ethnographic &gt;</option> 
<option value="1.7">Furniture &gt;</option> 
<option value="1.8">Home &amp; Hearth &gt;</option> 
<option value="1.9">Linens &amp; Textiles (Pre-1930) &gt;</option> 
<option value="1.10">Maps, Atlases &amp; Globes &gt;</option> 
<option value="1.11">Maritime &gt;</option> 
<option value="1.12">Mercantile, Trades &amp; Factories &gt;</option> 
<option value="1.13">Musical Instruments (Pre-1930) &gt;</option> 
<option value="1.14">Periods &amp; Styles &gt;</option> 
<option value="1.15">Primitives</option> 
<option value="1.16">Restoration &amp; Care &gt;</option> 
<option value="1.17">Rugs &amp; Carpets &gt;</option> 
<option value="1.18">Science &amp; Medicine (Pre-1930) &gt;</option> 
<option value="1.19">Sewing (Pre-1930) &gt;</option> 
<option value="1.20">Silver &gt;</option> 
<option value="1.21">Reproduction Antiques</option> 
<option value="1.22">Other</option> 
HERE_DOC; 
} 

if(isset($_GET['2'])) { 
    echo <<<HERE_DOC 
<option value="60435">Direct from the Artist &gt;</option> 
<option value="158658">Art from Dealers &amp; Resellers &gt;</option> 
<option value="52524">Wholesale Lots &gt;</option> 
HERE_DOC; 
} 
?>

post_categories.html

<!DOCTYPE HTML> 
<html> 
<head> 
    <script src="categories.js" type="text/javascript" language="javascript">           </script> 
</head> 
<body> 
<form name="postadd"> 
    <div id='div1'> 
     <select name="cat1"  onChange='categories_chain(cat1.options[selectedIndex].value)'> 
      <option value="1">Antiques &gt;</option> 
      <option value="2">Art &gt;</option> 
      <option value="3">Automotive &gt;</option> 
     </select> 
    </div> 
    <div id='div2'> 
    </div> 
</body> 
</html>

出典

2011-06-30 freeloader247

が必要非同期。 onreadystatechange変数を定義したので、おそらくそれを真にしたいと思うでしょう。

出典

2011-06-30 03:30:28 quadthagoras

変更する ajax.open（ 'get'、 'categories.php？' + encodeURIComponent（username））;〜 ajax.open（ 'get'、 'categories.php？' + encodeURIComponent（username））、true; – freeloader247

ちょうどそれを試して、まだ動作していない – freeloader247

ajax.open（ 'get'、 'categories.php' + encodeURIComponent（username）、true）; – quadthagoras

ajaxスクリプトのヘルプ

答えて

関連する問題