Question

我创建了一个选择表单，其中包含受欢迎程度，high_to_low和low_to_high作为选项。我希望页面使用ajax代码动态响应这些选项

var http_option = createRequestObject();

function verifyRequest() 
   {
     var option = document.getElementById("option").value;
     if ( option ) 
       {
       var url = 'respond.pl?option='+option;
       http_option.open('get', url );
       http_option.onreadystatechange = handleResponse;
       http_option.send(null);
       }
   }     

function handleResponse() 
   {
       if(http_option.readyState == 4 && http_option.status == 200)
       {
       var response = http_option.responseText; // Text returned FROM perl script
       if(response) { // UPDATE ajaxTest content
       document.getElementById("id_id").innerHTML = response;  
       }
   }

如果option的值为1，则图像显示为存储在db中如果选项为2，则图像将按降序显示如果选项为3，则图像将按升序显示

respond.pl包含根据选项进行此排序的相应代码，并在指定的div标签中显示图像。问题是该页面仅响应选项一次，下次更改选项时，选项的值显示＆＃34; on＆＃34;而不是数字1,2,3

我不仅需要对图像进行排序，还需要对图像进行排序。如果这不是正确的选择建议使用适当的方法。

Answer 1

您的服务器端程序似乎正在返回HTML。我认为在这种情况下这可能是一个错误。我建议改为返回JSON。然后，您可以为选择器创建一个onChange事件处理程序，该处理程序仅对显示进行重新排序。几乎肯定有许多jQuery插件可以执行此操作，而无需编写很多代码。

ajax可以用于分面/分类吗？

1 个答案: