juqry 无刷新 提交

Posted 2023-04-17

js 方法
function fun()

$.post("selectorders.php",text:$("#maxddh").val(),function(msg)
alert(msg);
if(msg>$("#maxddh").val())

document.getElementById("sound").src="SIREN3.WAV";
alert(msg)



setTimeout("fun()",10000)
)

window.onload=function()

fun()

php 查询
<?php
include_once "index/global.php";
$sql="select max(dingdanhao) ddh from yb2000_content";
$query=mysql_query($sql);
$row=mysql_fetch_array($query);
echo $row["ddh"];
?>
为什么 返回的老是空啊 （注释 ddh 是 max(dingdanhao) 的领取的字段名）

直接修改你PHP中的 echo $row["ddh"]; 为任意字符。比如 echo 'abcdefg';

看是否有输出，如果有，那就是你数据库操作出错了。如果还是没有，那你要考虑你的AJAX请求是否真的进入这个PHP文件 参考技术A 你可以先在php文件直接输出一个数试一下即echo "123"
如果出现了返回的值，说明是数据库查询出现（无结果）问题
如果返回空值，则说明是jquery异步请求有问题，查找一些ajax例子即可。

axios页面无刷新提交from表单

页面部分大概意思一下

1 <form method="post"  enctype="multipart/form-data">
2         ...  
3 </form>

axios部分代码以vue示例：

//提交表单
    onSubmit(e) {
      e = e || event;
      e.preventDefault();
      let self = this;
      let formData = new FormData();
      formData.append("idCard", self.cardImageFile);//文件
      formData.append("idType", "1");
      formData.append("idNumber", self.cardNo);

      let config = {
        headers: {
          "Content-Type": "multipart/form-data"
        }
      };
      self.$http.post("/upload", formData, config).then(
        function(response) {
          if (response.data.code == 200 && response.data.success) {
            /*这里做处理*/
          }
        },
        response => {}
      );
    },

文件在onchange事件里面取file

无刷新提交表单到此就结束了