jsprompt()的使用方法詳解

一、JS中prompt怎麼用？

1、JS中的prompt函數是一個內置函數，用於提供一個簡單的輸入提示框，可以用來接收用戶的輸入。

2、prompt函數接收兩個參數，第一個參數是向用戶展示的提示信息，第二個參數則是預設的輸入值。函數返回用戶輸入的字符串，如果用戶取消了操作，則返回null。

// 示例代碼
var name = prompt("請輸入您的姓名：", "張三");
if(name != null){
    alert("您好，" + name + "！");
}
else{
    alert("您已取消操作！");
}

二、JSP的Action使用方法

1、JSP中的Action標籤可以理解為一種JSP特殊的標籤格式，它用於與後台Java代碼進行交互，相當於在JSP中嵌入Java代碼的部分。

2、Action標籤使用方式包括以下幾個步驟：
1）在JSP頁面中加入Action標籤，用於向後台發起請求；
2）在後台Java代碼中定義對應的Action處理方法，並在struts.xml文件中進行映射；
3）在Action處理方法中處理請求，實現相關業務邏輯，並返回處理結果；
4）在JSP頁面中展示Action處理方法返回的結果。

// 示例代碼
// JSP頁面中

    用戶名：
    密碼：
    


// Java代碼（處理login Action）
public class LoginAction extends ActionSupport{
    private String username;
    private String password;
    
    // getters and setters
    
    public String execute() throws Exception{
        if(username.equals("admin") && password.equals("123456")){
            return SUCCESS;
        }
        else{
            return ERROR;
        }
    }
}

// struts.xml文件中的映射

    /success.jsp
    /error.jsp


// 成功頁面success.jsp和錯誤頁面error.jsp中展示結果

三、使用prompt輸入考試科目

1、結合前兩個小節，可以實現一個簡單的考試科目輸入功能，通過JSP展示輸入框，將用戶輸入的科目傳送到後台Java代碼中進行處理並返回結果，並在JSP頁面中展示結果。

2、代碼實現過程：
1）在JSP頁面中展示輸入框和一個按鈕（用於提交輸入結果），其中輸入框使用JS的prompt函數進行實現；
2）在後台Java代碼中定義Action處理方法，並在struts.xml文件中進行映射；
3）在Action處理方法中獲取JSP頁面傳遞過來的參數，處理輸入結果並返回處理結果；
4）在JSP頁面中展示Action處理方法返回的結果。

// 示例代碼
// JSP頁面中






    請輸入考試科目：
    提交



function getSubject(){
    var subject = prompt("請輸入您要考試的科目：", "");
    if(subject != null){
        document.getElementById("subject").value = subject;
        document.forms[0].submit();
    }
}





// Java代碼（處理exam Action）
public class ExamAction extends ActionSupport{
    private String subject;
    
    // getters and setters
    
    public String execute() throws Exception{
        if(subject.equals("math") || subject.equals("Math")){
            return "mathResult";
        }
        else if(subject.equals("english") || subject.equals("English")){
            return "englishResult";
        }
        else{
            return "unknownResult";
        }
    }
}

// struts.xml文件中的映射

    /mathResult.jsp
    /englishResult.jsp
    /unknownResult.jsp


// 分別展示處理結果的頁面mathResult.jsp、englishResult.jsp和unknownResult.jsp中展示結果