HTML调用PHP文件并传递参数的最好方法是什么？

对于HTML文件中的button控件，有两个输入框，试图通过button控件将参数传递给PHP文件，在PHP文件中验证用户名和密码是否一致（假设两者相同）

<body>
    <div class="BorderStyle">
        <div class="TitleStyle">账户登录</div>
        <div class="GuideTextStyle">账户名称</div>
        <input id="usernamefield" class="DefaultInputStyle">
        <div class="GuideTextStyle">账户密码</div>
        <input id="passwordfield" type="password" class="DefaultInputStyle">
        <button class="DefaultButtonStyle" onclick="ClearUserNameAndPassword()">清空</button>
        <button class="DefaultButtonStyle" onclick="trylogin(passwordfield.value)" ">登录</button>
        <p id="tipmessage " class="DefaultTipStyle ">PS:暂不支持其它登录方式</p>
    </div>
</body>

那么如何调用PHP文件并进行验证呢？

写回答
好问题 0 提建议
追加酬金
关注问题
分享
邀请回答
编辑收藏删除
收藏举报

3条回答默认最新

CSDN专家-showbo 2022-03-14 09:03

关注

首选推荐ajax，这样不会刷新页面，但是如果服务器端出问题，需要通过开发工具来查看服务器端返回的错误或者需要写附加的代码console.log输出服务器端返回的内容以便定位错误。

表单提交会刷新页面，但是好处就是出现错误一目了然。

ajax提交可以用原生的XMLHttpRequest对象，也可以用其他ajax类库，如jquery.ajax或者axios，这些库对原生XMLHttpRequest对象做了封装，调用方便，但是需要按照框架的语法来编写代码。
原生XMLHttpRequest对象如何使用题主可以参考下面的文章

XMLHttpRequest - Web API 接口参考 | MDN XMLHttpRequest（XHR）对象用于与服务器交互。通过 XMLHttpRequest 可以在不刷新页面的情况下请求特定 URL，获取数据。这允许网页在不影响用户操作的情况下，更新页面的局部内容。

https://developer.mozilla.org/zh-CN/docs/Web/API/XMLHttpRequest

jQuery框架（还集成了dom获取之类的功能）

jQuery AJAX 方法 | 菜鸟教程 jQuery AJAX 方法 jQuery AJAX 方法 AJAX 是一种与服务器交换数据的技术，可以在不重新载入整个页面的情况下更新网页的一部分。下面的表格列出了所有的 jQuery AJAX 方法：方法描述 $.ajax() 执行异步 AJAX 请求 $.ajaxPrefilter() 在每个请求发送之前且被 $.ajax() 处理之前，处理自定义 Ajax 选项或修改已存在选项 $.ajaxSetup..

https://www.runoob.com/jquery/jquery-ref-ajax.html

axios

axios中文文档|axios中文网 | axios 欢迎使用 axios，本文档将帮助您快速上手。(troubleshooting.html) 中的解答，什么是 axios？Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。 axios Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。特性从浏览器中创建 XMLHttpRequests 从 node http://www.axios-js.com/zh-cn/docs/

昨天的示例给题主在增加了一个post方法的

<meta charset="utf-8">
<?php
//同一个页面判断是否提交了数据在做验证
if(
(isset($_GET["username"])&&isset($_GET["password"]))//GET提交
||
(isset($_POST["username"])&&isset($_POST["password"]))//POST提交
){
    if(isset($_GET["username"])){$username=$_GET["username"]; $password=$_GET["password"];}
    else{$username=$_POST["username"]; $password=$_POST["password"];}
    $con = odbc_connect('DRIVER={SQL Server};SERVER=.;DATABASE=test','sa','123');
    //$con = odbc_connect('DRIVER={SQL Server};SERVER=DESKTOP-LBLP1PJ\\SQLEXPRESS01;DATABASE=test','sa','12345');//题主的驱动应该这样
    $query = "select * from mytable where name='${username}' and [value]='${password}'";
 
    $result = odbc_do($con,$query);
    $count=odbc_num_rows($result);
    ob_clean();//清除缓存，就是去掉上面的meta标签内容
    echo $count; //输出账号密码对应的记录数量
    die();//结束输出
}
 
?>
 
<form id="myform1">
    <div>账户名称</div>
    <input id="usernamefield" name="username" type="text" autocomplete="off" />
    <div>账户密码</div>
    <input id="passwordfield" name="password" type="password" autocomplete="off" />
    <button onclick="Tryloginsystem()" type="button">登录GET</button>
    <button onclick="TryloginsystemPOST()" type="button">登录POST</button>
</form>
<script type="text/javascript">
    //GET提交示例
    function Tryloginsystem() {
       var xhr=new XMLHttpRequest();
       //get提交需要将数据放到url后，post的话放到xhr.send中发送数据，而且注意设置content-type为application/x-www-form-urlencoded
       xhr.open('get','CheckUserNameAndPassword.php?username='+encodeURIComponent(usernamefield.value)+'&password='+encodeURIComponent(passwordfield.value));
       xhr.onreadystatechange=function(){
           if(4==xhr.readyState){
                var text=xhr.responseText;
                if(200==xhr.status)usernamefield.value=text=='0'?'用户名或者密码错误！':'successful';
                else alert('服务器出错\n'+text);
           }
       };
       xhr.send(null);
    }
    //post提交示例
    function TryloginsystemPOST() {
       var xhr=new XMLHttpRequest();
       //post的话放到xhr.send中发送数据，而且注意设置content-type为application/x-www-form-urlencoded
       xhr.open('post','CheckUserNameAndPassword.php');
       xhr.setRequestHeader('content-type','application/x-www-form-urlencoded');//需要open后才能调用setRequestHeader方法
       xhr.onreadystatechange=function(){
           if(4==xhr.readyState){
                var text=xhr.responseText;
                if(200==xhr.status)usernamefield.value=text=='0'?'用户名或者密码错误！':'successful';
                else alert('服务器出错\n'+text);
           }
       };
       //POST提交注意数据放到send中
       xhr.send('username='+encodeURIComponent(usernamefield.value)+'&password='+encodeURIComponent(passwordfield.value));
    }
</script>

有什么不明白可以继续交流~

本回答被题主选为最佳回答 , 对您是否有帮助呢?

查看更多回答(2条)

报告相同问题？

关注问题

HTML调用PHP文件并传递参数的最好方法是什么？ html php 有问必答
2022-03-13 21:27

回答 3 已采纳首选推荐ajax，这样不会刷新页面，但是如果服务器端出问题，需要通过开发工具来查看服务器端返回的错误或者需要写附加的代码console.log输出服务器端返回的内容以便定位错误。表单提交会刷新页面，
将从函数调用中获取的数据传递给第二个PHP页面 html php
2017-04-27 18:58

回答 2 已采纳 $result is giving a null value because you're not returning anything from the function gen_uid(),
Ajax调用。将值传递给另一个php文件 ajax javascript php
2018-02-15 15:02

回答 3 已采纳 Ok, there is a lot to say in this argument, but i will be the briefiest possible. first things fi
html 动态调用php文件,html静态页面调用php文件的方法
2021-03-25 09:57

学术女流氓的博客具体方法如下：静态页面中看上去好像是不能直接调用php文件的，但是却可以使用js调用方式来调用php文件，当然还可以使用ajax 调用php文件，下面就来给大家介绍一下：举一个简单的例子来说明:如在页面a.html中用下面...
基于调用资产的html文件URL传递资源 ajax apache php
2018-01-31 18:59

回答 1 已采纳 You seem to be looking for Referer-based Rewrite in Apache. The implementation details may differ
使用session通过ajax调用将变量从HTML文件中的jQuery传递到php文件 ajax jquery php
2014-01-27 12:36

回答 1 已采纳 your receive.php should be <?php session_start(); if(isset($_POST['message'])){ $_SE
如何将值从xmlhttp.open（）中指定的文件传递给PHP文件？ ajax html php
2014-01-26 04:43

回答 1 已采纳 You need to start a session in managemodule.php using session_start(); same as you did in modulein
html静态页面调用php文件的方法,html调用php文件的方法
2021-04-18 12:40

爱笑的姑娘最美的博客 html调用php文件的方法发布时间：2020-04-16 10:36:12来源：亿速云阅读：222作者：小新html调用php文件的方法这篇文章主要介绍了html调用php文件的方法，具有一定借鉴价值，需要的朋友可以参考下。下面就和我一起来...
将参数传递给ajax调用以只读取json文件的特定字段 ajax javascript jquery json php
2015-05-02 17:46

回答 2 已采纳 You can't. The server decides how it responds. You'll just have to deal with the returned data and
如何在PHP的eval（）的多次调用之间传递数据？ php
2011-07-16 18:22

回答 1 已采纳 eval() does not create a new variable scope: <?php $foo = 'Hello, World!'; eval('var_dump($fo
$ _REQUEST ['id']从一个由javascript调用到另一个php页面的php文件中的页面 javascript php
2014-04-08 22:38

回答 2 已采纳 Basically you want to parse the id out of the URL and send it to the chat - let's do this: <sc
用html调用php文件,html静态页面调用php文件的方法
2021-03-25 10:14

weixin_39772849的博客这篇文章主要介绍了html静态页面调用php文件的方法,在进行应用程序开发过程中非常具有实用价值,需要的朋友可以参考下本文实例讲述了html静态页面调用php文件的方法。分享给大家供大家参考。具体方法如下：静态页面中...
JS无法调用thinkPHP控制器传递回的数组
2016-03-07 10:49

回答 2 已采纳 echo json_encode($day);
php 参数传递的常用方法,php参数传递的常用方法详解
2021-04-30 06:31

Deedeez的博客 PHP参数传递的常用方法有3种：$_POST[]、$_GET[]、$_SESSION[]，分别用于获取表单、URL和 Session变量的值。大理石机械构件维修厂家1.$_POST[]全局变量使用PHP的$_POST[]预定义变量可以获取表单元素的值，格式为：$_...
HTML文件怎么引入PHP文件,html静态页面怎么调用php文件_PHP教程
2021-04-21 19:16

何谨的博客但是有可以使用js调用方式来调用php文件，当然还可以使用ajax 调用php文件哦，下面我来给大家介绍举一个简单的例子来说明:如在页面a.html中用下面这句调用，可以将action=test的参数传递到b.php。Javascript代码代码...
没有解决我的问题, 去提问

问题事件

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
系统已结题 3月23日
关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
已采纳回答 3月15日
关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
创建了问题 3月13日

悬赏问题

¥15 delta降尺度计算的一些细节，有偿
¥15 Arduino红外遥控代码有问题
¥15 数值计算离散正交多项式
¥30 数值计算均差系数编程
¥15 redis-full-check比较两个集群的数据出错
¥15 Matlab编程问题
¥15 训练的多模态特征融合模型准确度很低怎么办
¥15 kylin启动报错log4j类冲突
¥15 超声波模块测距控制点灯，灯的闪烁很不稳定，经过调试发现测的距离偏大
¥15 import arcpy出现importing _arcgisscripting 找不到相关程序

HTML调用PHP文件并传递参数的最好方法是什么？

3条回答 默认 最新

问题事件

悬赏问题

3条回答默认最新