Eval在JS 中的应用

最新推荐文章于 2024-09-24 16:14:06 发布

phphot

最新推荐文章于 2024-09-24 16:14:06 发布

阅读量2.8k

点赞数

分类专栏： @html/js/css/Ajax 文章标签： image object function string xmlhttprequest server

本文链接：https://blog.csdn.net/phphot/article/details/2090326

版权

@html/js/css/Ajax 专栏收录该内容

289 篇文章 5 订阅

订阅专栏

终于解决了二级联动的问题！不简单啊！现贴出来

<scrīpt language="Javascrīpt" type="text/javascrīpt">

</scrīpt>

<scrīpt language="Javascrīpt" type="text/javascrīpt">
var xmlhttp;

   try
   {
    xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
   }
    catch(e1)
    {
     try
     {
      xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");

     }
     catch(e2)
     {
      try
      {
       xmlhttp = new XMLHttpRequest();
      }
      catch(e3)
      {
       alert("您的浏览器不支持Ajax的运行！");
      }
     }
    }
var action;
var cityArr =[];
var province;
function setCity(province)
{

var url="handler/ajax.php?game_id="+province+"&action=getserver";
xmlhttp.open("GET",url,true);
//xmlhttp.onreadystatechange=update(province);
xmlhttp.onreadystatechange =function(){
//var cityArr =[];
//alert(xmlhttp.readyState);
    if (xmlhttp.readyState == 4 && xmlhttp.status==200)
    {       var cityArr = [];

   cityArr[province]=xmlhttp.responseText;
   arr=eval(cityArr[province]);

   setSelectOption('city',arr,'-请选择游戏世界-');

    }
}
xmlhttp.send(null);

}

</scrīpt>

<select name="province" id="province" ōnchange="if(this.value != '') setCity(this.options[this.selectedIndex].value);">
   <option value="">-请选择游戏项目-</option>
{# section name="game_select" loop=$game_loop #}
<option value="{#$game_loop[game_select].g_id#}">{#$game_loop[game_select].g_game#}</option>
{# /section #}
</select>
<label>
<select name="city" id="city">
    <option value="">请选择游戏世界</option>

</select>

ajax页面

<?php
header("Cache-Control: no-cache, must-revalidate");
define("DIRE",substr(dirname(__FILE__),0,-7));
//开发:吴天堂
//用户个人信息处理页面
if(isset($_GET['action']))
{

   require_once DIRE."functions/base.func.php";
   require_once DIRE."config/base.config.php";
   if($_GET['action']=="getserver")
{
     $g_id=$_GET['game_id'];
     $sql="select server_name as `txt`,server_id as `val` from server where game_id=$g_id";
     $result=$db->query($sql);
     $game_server_arr=array();
     while($row=mysql_fetch_assoc($result))
     {

    $game_server_arr[]=$row;
     }
     $json_string=json_encode($game_server_arr);
     //$arr=(array)$json_string;
     echo($json_string);

}
}
?>

花费时间最多的是搞错啦对象，用到了这个eval 把它的作用贴在下面

很简单，（我开始的时候可不认为），把一个字符串当JS 代码执行，减少了好多工作量哦
在网上看的一个例子
function swapOne()
{
var the_image = prompt("change parrot or cheese","");
var the_image_object;

if (the_image == "parrot")
{
the_image_object = window.document.parrot;
}
else
{
the_image_object = window.document.cheese;
}

the_image_object.src = "ant.gif";
}

连同这些image标记:

[img src="http://a.com/a.gif" name="parrot"]
[img src="http://b.com/b.gif" name="cheese"]
[code]
请注意象这样的几行语句：
[code]
the_image_object = window.document.parrot;

它把一个图象对象敷给了一个变量。虽然看起来有点儿奇怪，它在语法上却毫无问题。
但当你有100个而不是两个图象时怎么办？你只好写上一大堆的 if-then-else语句，要是能象这样就好了：

function swapTwo()
{
var the_image = prompt("change parrot or cheese","");
window.document.the_image.src = "ant.gif";
}

不幸的是, Javascrīpt将会寻找名字叫 the_image而不是你所希望的"cheese"或者"parrot"的图象，
于是你得到了错误信息：”没听说过一个名为the_image的对象”。

还好，eval能够帮你得到你想要的对象。

function simpleSwap()
{
var the_image = prompt("change parrot or cheese","");
var the_image_name = "window.document." + the_image;
var the_image_object = eval(the_image_name);
the_image_object.src = "ant.gif";
}

如果用户在提示框里填入"parrot"，在第二行里创建了一个字符串即window.document.parrot. 然后包含了eval的第三
行意思是： "给我对象window.document.parrot" - 也就是你要的那个图象对象。一旦你获取了这个图象对象，你可以把
它的src属性设为ant.gif. 有点害怕？用不着。其实这相当有用，人们也经常使用它。
我们常常在Javascrīpt中间到Eval这个函数，
有些人觉得这个函数很奇怪，可以把一些字符串变的功能很强大
在我们需要将普通的字符串转变成具体的对象的时候，就会用到这个函数