如何使用JS代码加载php文件


How to load php file with JS code

由于我是JS编码和网页设计的新手,我有以下疑问:

我有一个 html 页面,它具有表单文本区域的点击功能。如果文本区域保持为空并且用户单击提交,它应该显示输入条目的消息,如果输入是正确的,则应打开相应的文件。我在JS文件中有if/else条件,它在文本区域保持为空时给出适当的消息,但不加载我在条目不为空时提到的文件。

下面是 html 代码段:

<!DOCTYPE HTML>
<html lang="en">
<head>
    <meta charset=utf-8>
</head>
<body>
    <form name="drugform" action="#">
        <pre> Drug Name<input type="text" name="name1" value="" /></pre>
        </p>
        <input type="button" value="Enter" onclick='buttoncheck()' />
    </form>
    <script type="text/javascript" src="if-else-button.js"></script>
</body>
</html>

JS代码是:

function buttoncheck() {
    if (Boolean(document.drugform.name1.value)) {
        load(form1.php);
    } else {
        alert('Enter Drug name');
    }
}

如何使用js代码加载文件(在if条件中提到)?

如果你想在

现有文件中加载那个form1.php文件,那么你可以使用ajax作为参考,去这里。

如果你想重定向到另一个页面,那么你应该使用

window.location.href = "form1.php";
var url = 'form1.php';
window.location.href = url;

代替load(form1.php),替换上面的代码片段!

编辑:

如果你想加载文件而不实际重定向到一个新页面,你可以使用 jquery 的.load()在此处查看更多相关信息: http://api.jquery.com/load/

尝试这样,

function buttoncheck() {
    if (document.drugform.name1.value != "") {  // check not empty condition
        load("form1.php"); // passing value to function with quotes
    } else {
        alert('Enter Drug name');
    }
}