html刷新頁面的時候調用獲取接口的簡單介紹

本文目錄一覽：

• 1、html頁面怎麼調用java方法
• 2、如何在html靜態網頁調用axis2 webservice接口
• 3、請問html的js調用webapi接口？
• 4、html5調用json數據接口怎麼寫
• 5、怎樣指定時間讓html每天都在相同的時間重新請求接口
• 6、如何讓html頁面實現每次刷新的時候重新執行js

html頁面怎麼調用java方法

在html頁面中，使用js調用java類要使用ajax，具體方法步驟如下：

1、將要調用的類名和方法名作為參數傳給某個servlet.這一步的方法有許多種,用框架,或者直接用xmlHttpRequest對象；

2、要調用的類名和類的完整包路徑最好寫在配置文件里，這裡假設類名為Hello,方法名為sayHello,並且sayHello方法不帶參數,類路徑為com.demo.Hello。

3、配置文件AjaxConfig.properties

Hello = com.demo.Hello

4、傳入的參數設置為 class=Hellomethod=sayHello

在servlet中作如下處理:

String className=request.getParameter(“classname”);

String methodName=request.getParameter(“method”);

String classPath=null;

5、讀取配置文件,取出className所對應的值放入classPath變量中，

Class c=Class.forName(classPath);//加載你所指定的類

Class param[]=new Class[0];//方法的參數為0個

Method m=null;

String returnValue=null;//返回值

try {

m = c.getMethod(“sayHello”,param);//獲取你所指定的類中的指定方法

} catch (SecurityException e) {

// TODO Auto-generated catch block

e.printStackTrace();

} catch (NoSuchMethodException e) {

// TODO Auto-generated catch block

e.printStackTrace();

}

try {

returnValue=(String)m.invoke(c.newInstance(), new Object[0]);//調用你所指定的方法

} catch (IllegalArgumentException e) {

// TODO Auto-generated catch block

e.printStackTrace();

} catch (IllegalAccessException e) {

// TODO Auto-generated catch block

e.printStackTrace();

} catch (InvocationTargetException e) {

// TODO Auto-generated catch block

e.printStackTrace();

} catch (InstantiationException e) {

// TODO Auto-generated catch block

e.printStackTrace();

}

6、將returnValue的值返回給客戶端即可

類Hello.java

public class Hello

{

public String sayHello()

{

return “hello”;

}

}

如何在html靜態網頁調用axis2 webservice接口

調用webservice接口

一般分為靜態調用和動態調用

靜態調用就是在項目中直接添加服務引用或者web服務引用；

動態調用就是通過模擬http協議調用，這種網上很多提供動態調用服務的處理類，你找找直接用就可以了；

靜態調用特點：服務參數包含複雜類型（比如自定義的一些實體類)用它比較方便，但是服務如果改變（服務地址更新，服務內容更新）就需要在項目中更新服務引用，重新編譯程序；

動態調用特點：對於服務參數包含複雜類型.

請問html的js調用webapi接口？

引用jquery，有很方便的GET調用方法：

!DOCTYPE html

html

head

    meta http-equiv=”content-type” content=”text/html; charset=UTF-8″

    meta name=”viewport” content=”width=device-width, initial-scale=1″

    !– src值為文件位置路徑 —

    script type=”text/javascript” charset=”UTF-8″ src=”javascript/jquery-1.12.1.js”/script

    title測試案例/title

    !– 語法：jQuery.getJSON(url,data,success(data,status,xhr)) —

    script type=”text/javascript” charset=”UTF-8″

        function getToken(){

            $.getJSON(“”, {“id”:111,”secret”:2352532}, function(result){

                alert(result.access_token);

            });

        }

    /script

/head

body

    button onclick=”getToken()” style=”width: 120px; height: 60px;”獲取Token/button

/body

/html

html5調用json數據接口怎麼寫

HTML5中可以通過localStorage數據與JSON對象的轉換，快速實現存儲更多數據的功能。

將localStorage數據轉成JSON對象，需要調用JSON對象的parse()方法，JSON.parse(data)。其中data就是localStorage對象獲取的數據，調用該方法將返回一個裝載data數據的JSON對象。

通過stringify()方法，將一個實體對象轉換為JSON格式的文本數據，JSON.stringify(obj)。obj表示任意一個實體對象，該方法返回一個由實體對象轉成JSON格式的文本數據集。

下例所示：

function addStu(){

var sno=$$(“sno”).value,

name=$$(“name”).value,

sex=$$(“sex”).value,

score=$$(“score”).value;

//聲明一個實體對象，將學生的信息當作對象的成員

var

dataSet=new Object;

dataSet.sno=sno;

dataSet.name=name;

dataSet.sex=sex;

dataSet.score=score;

//把dataSet這個對象轉換成JSON格式的文本數據

var

list=JSON.stringify(dataSet);

localStorage.setItem(sno,list);

getlocalData();

}

function getlocalData(){

var addInfo=””;

for(var i=0;i

var key=localStorage.key(i);

//把json格式的字符串轉換成JSON對象

var

dataSet=JSON.parse(localStorage.getItem(key));

addInfo+=”

“+dataSet.sno

+””+dataSet.name

+””+dataSet.sex

+””+dataSet.score

+””;

$$(“allInfo”).innerHTML=addInfo;

}

}

怎樣指定時間讓html每天都在相同的時間重新請求接口

用setInterval();方法可以實現

示例：

!DOCTYPE html

html

    head

        meta charset=”UTF-8″

        title標題/title

        script src=”js/jquery-1.8.0.min.js” type=”text/javascript” charset=”utf-8″/script

    /head

    body

        script type=”text/javascript”

            $(window).load(function(){

                setInterval(function(){

                    getalldate();

                },1000);

            });

            //設置重新請求接口時間

            var refreshdate = “12:00:00”;

            function getalldate(){

                var nowDate = new Date();

                //獲取當前時分秒

                var year = nowDate.getFullYear();

                var h = nowDate.getHours()  10 ? “0” + nowDate.getHours() : nowDate.getHours(); 

                var m = nowDate.getMinutes()  10 ? “0” + nowDate.getMinutes() : nowDate.getMinutes();

                var s = nowDate.getSeconds()  10 ? “0” + nowDate.getSeconds() : nowDate.getSeconds();

                //獲取當前時分秒

                var dates =  h + “:” + m + “:” + s ;

                //判斷需要刷新的時間，改變refreshdate這個變量的值就可以改變刷新的時間，日期的格式定義可以自行決定

                if(dates == refreshdate){

                    //接口方法

                    loadData();

                }

            }

            //後台數據接口方法

            function loadData(){

                alert(“時間：”+ refreshdate + “重新請求接口成功！”);

            }

        /script

    /body

/html

如何讓html頁面實現每次刷新的時候重新執行js

代碼如下：

window.onload=function(){

alert(“onload”);

}

1，reload 方法，該方法強迫瀏覽器刷新當前頁面。

語法：location.reload([bForceGet])

參數： bForceGet， 可選參數， 默認為 false，從客戶端緩存里取當前頁。true, 則以 GET 方式，從服務端取最新的頁面, 相當於客戶端點擊 F5(“刷新”)

2，replace 方法，該方法通過指定URL替換當前緩存在歷史裡（客戶端）的項目，因此當使用replace方法之後，你不能通過“前進”和“後退”來訪問已經被替換的URL。

語法： location.replace(URL)

通常使用： location.reload() 或者是 history.go(0) 來做。

此方法類似客戶端點F5刷新頁面，所以頁面method=”post”時，會出現”網頁過期”的提示。

因為Session的安全保護機制。

當調用 location.reload() 方法時， aspx頁面此時在服務端內存里已經存在， 因此必定是 IsPostback 的。

如果有這種應用： 需要重新加載該頁面，也就是說期望頁面能夠在服務端重新被創建，期望是 Not IsPostback 的。

這裡，location.replace() 就可以完成此任務。被replace的頁面每次都在服務端重新生成。

代碼： location.replace(location.href);