如果是ajax 就直接获取
如果是传到一个页面 就再get
再在js中使用<%=变量名%> 就可以获取了。 可以在js中获取一个变量 但是不能写入一段java代码.

一、使用js获取接口数据的方法

①$get(url,[data],[callback])

url:请求的地址;data:请求数据的列表;callback:请求成功后的回调函数,该函数接受两个参数,第一个为服务器返回的数据,第二个为服务器的状态,是可选参数。

其中服务器返回数据的格式其实是字符串形式,并不是我们想要的JSON数据格式。上例子：

var url3 = 'http://mshop.gemstc.com/ApiService/msgget.php';  

       $.get(url3,function(data){  

  alert(data);

        

       }); 

此时如果对data采用json解析数据，得到的值为undefined。所以我们使用这种get方法获取到的值要是JSON格式，需要定义获取的数据类型为json格式，上例子：

var url3 = 'http://mshop.gemstc.com/ApiService/msgget.php';  

       $.get(url3,function(data){  

     $('#result').append('

interval:'+data.name+'

')    //此时返回的是JSON格式的内容，例：我们可以使用data.name获取到name字段的值并输出。

          }, 'json'); 

②$post(url,[data],[callback],[type])

post方法中多了一个type：获取数据的类型格式，post其实和get是一样的用法，type不定义，返回的是字符串类型的，定义为json格式，返回的就是json格式的数据，此处可以仿照上面的get方法，把get改成post就搞定了，就不多说了。

③$ajax(opiton)

ajax功能比较强大，自己可以去查相关资料学习了解(http://blog.csdn.net/wolf6699/article/details/50039627)，可以有很多精确的控制，这里直接上例子：

$.ajax({

   url: url,

data:{Full:"fu"},

type: "POST",

dataType:'json',

 success:function(data){

      $('#result').append('

interval:'+data.interval+'

')

     //alert("22");    

 },

   error:function(er){

      //alert("11");

       BackErr(er);

 }

});

④$getJSON(url,[data],[callback])

此处参数和get方法是一致的，直接上例子：

$.getJSON(url,function(data){

         alert(data.name);           

    });

以上类型因为接口访问时没有带参数，所以[data]这个参数我都省去了。如果有参数的话，格式为：

{  

    id      : 'Robin',  

    password: '123456',  

    gate    : 'index'  

  }

二、跨域问题的解决

在使用以上方法获取接口数据的过程中，我们突然发现有些接口无法将数据获取展示出来，使用chrome浏览器调试，我们发现报错如图：

此处我们使用设置Access-Control-Allow-Origin来实现跨域访问。

在被请求的Response header中加入

// 指定允许其他域名访问

header('Access-Control-Allow-Origin:*');

// 响应类型

header('Access-Control-Allow-Methods:POST');

// 响应头设置

header('Access-Control-Allow-Headers:x-requested-with,content-type');

这样就可以实现ajax的跨域访问。

此处贴上示例代码以帮助大家上手，例HTML代码：

 

 

 

  [removed][removed]

 

 

   

    [removed]

    $.post("http://xxx.xxx.xxx/data.php",{name:"fdipzone",gender:"male"})

      .done(function(data){

        document.getElementById("show")[removed] = data.name + ' ' + data.gender;

      });

    [removed]

 

php代码: http://xxx.xxx.xxx/data.php

$ret = array(

    'name' => isset($_POST['name'])? $_POST['name'] : '',

    'gender' => isset($_POST['gender'])? $_POST['gender'] : ''

);

header('content-type:application:json;charset=utf8');

header('Access-Control-Allow-Origin:*');

header('Access-Control-Allow-Methods:POST');

header('Access-Control-Allow-Headers:x-requested-with,content-type');

echo json_encode($ret);

?>

这里 Access-Control-Allow-Origin:*表示允许任何域名跨域访问。

如果需要指定某域名才允许跨域访问，只需把Access-Control-Allow-Origin:*改为Access-Control-Allow-Origin:允许的域名

例如：header('Access-Control-Allow-Origin:http://www.baidu.com');

如果需要设置多个域名允许访问，这里需要用php处理一下

例如允许 www.baidu.com 与 www.sina.com 可以跨域访问

$ret = array(

    'name' => isset($_POST['name'])? $_POST['name'] : '',

    'gender' => isset($_POST['gender'])? $_POST['gender'] : ''

);

header('content-type:application:json;charset=utf8');

$origin = isset($_SERVER['HTTP_ORIGIN'])? $_SERVER['HTTP_ORIGIN'] : '';

$allow_origin = array(

    'http://www.baidu.com',

    'http://www.sina.com'

);

if(in_array($origin, $allow_origin)){

    header('Access-Control-Allow-Origin:'.$origin);

    header('Access-Control-Allow-Methods:POST');

    header('Access-Control-Allow-Headers:x-requested-with,content-type');

}

echo json_encode($ret);

?>

定时任务

setInterval() ：按照指定的周期（以毫秒计）来调用函数或计算表达式。方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。
setTimeout() ：在指定的毫秒数后调用函数或计算表达式。

根据json数据的格式，需要循环每组数据然后通过字段取出即可。
然后将取出的数据拼接成字符串插入html对象中。
var json_str = [{"id":1,"name":"name1"},{"id":2,"name":"name2"},{"id":1,"name":"name1"}];// 定义的json数据的字符串
str = "";
json_demo=eval("+json_str+")//将json字符串装换成js对象
for(var i=0;i
alert(json_demo[i].id);//取出每组的id
alert(json_demo[i].name);//取出每组的name
str += 'id:'+json_demo[i].id + 'name:'+json_demo[i].name;//将取出的数据拼接成字符串
}
alert(str);//弹出拼接好的字符串查看结果