当前位置:首页 » 数据仓库 » Jqueryphp数据库
扩展阅读
webinf下怎么引入js 2023-08-31 21:54:13
堡垒机怎么打开web 2023-08-31 21:54:11

Jqueryphp数据库

发布时间: 2022-07-10 11:08:41

A. js/jquery如何这样调用php

js/jquery调用php一般是用AjAx方式来调用的。

  1. 首先确认需要调用的php文件,可以是绝对路径,也可以是相对路径

  2. 这里以Jquery为例子解释上面的问题

  3. 如下图就是jquery的实现代码,下图的url就是需要请求的php地址;

B. jquery php ajax接收数据库

在请求你可以成功后 把tbody清空(或给tbody定义一个id 然后操作id也可以) 在放入数据。
其实你写的太麻烦了,你直接post 请求你的chuli.php 返回json数据。 在js for循环 tr 标签 把json数据放到 td 里 就ok .

C. php中 jquery如何获取js动态添加的文本框数组值,并插入mysql数据库

建2个页面
1、test.php页面,代码如下:
<title></title>
<script src="jquery-1.4.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
x=100000;
y=1;
$("#dosubmit").click(function(){
var rand=parseInt(Math.random()* (x - y ));
var rand1=String.fromCharCode(Math.floor( Math.random() * 26) + "a".charCodeAt(0));
var col="<input name=info["+rand1+rand+"] type='text' class='text' value='"+rand+"' />";
$("input[id=submit]").before(col);
})
$("#submit").click(function(){
$("form input[class=text]").each(function(){
var val=$(this).val();
})
})
})
</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<div class="con">
<form name="form1" action="testsave.php" method="post">
<input name="info[name]" class="text" value="10" type="text">
<input name="" class="text1" value="显示" id="submit" type="submit">
</form>
<input name="" class="text1" value="增加" id="dosubmit" type="submit"><br>
</div>

2、保存提交过来的值页面testsave.php页面。代码如下:
<script src="jquery-1.4.2.min.js" type="text/javascript"></script>
<?php
$value="";
$test='test';
$conn=mysql_connect('localhost','root','0000','test');
mysql_select_db($test,$conn);
foreach($_POST['info'] as $key){
$value=$value.','.$key;
}
$sql="insert into base (name) values ('$value')";
if(mysql_query($sql)){
echo "添加成功<br />";
}
?>
<input type="button" name="button" id="button" value="显示/隐藏内容">
<input type="button" name="domit" id="domit" value="返回">
<div class="content" style="display:none">
<?php
$sql1="select id,name from base";
$query=mysql_query($sql1);
while($result=mysql_fetch_array($query)){
echo $result['id']."========>".$result['name']."<br />";
}
?>
</div>
<?php
mysql_close($conn);
?>
<script type="text/javascript">
$(function(){
$("#button").bind("click",function(){
var show=$("div.content");
if(show.is(":visible")){
show.hide();
}
else{
show.show();
}
})
$("#domit").click(function(){
window.history.go(-1);
})
})
</script>

D. jquery+php+mysql 如何提交后不转页局部刷新

这个不难,给你做一个演示文件,你稍等!

<?php
session_start();//打开session
error_reporting(E_ALL^E_NOTICE);//忽略错误
$Oldification=$_SESSION['classification'];
$m=$_POST['mm'];
!empty($m)or$m=0;
if($m==1){//如果$m的值会等于1,说明表单已经提交(再这里其实是js的Ajax提交的post数据,和表单以post方式提交是一样的道理,也是一样的写法
$classification=$_POST['classification'];//取得发送来的分类名称

//下面的代码我用session来进行保存,你自己根据你自己的情况,是保存到数据库也好,其他的也好,随便你了
sizeof($Oldification)or$Oldification=array();
array_push($Oldification,$classification);
$_SESSION['classification']=$Oldification;
echo'<optionvalue="">--请选择--</option>';
foreach($Oldificationas$op){
echo'<optionvalue="',$op,'">',$op,'</option>';
}
echo'<optionvalue="increase">增加分类</option>';
die;
}
?>
<!doctypehtml>
<html>
<head>
<metacharset="utf-8">
<title>分类演示文件</title>
<styletype="text/css">
<!--
*{font-family:'新宋体';font-size:13px;}
div.fen{width:300px;margin:100pxauto;}
-->
</style>
<scripttype="text/javascript"src="jquery-1.7.1.js"></script>
<scripttype="text/javascript">
<!--
varkeyCodes=false;//初始化一个变量,设置为false,当是这个值的时候,捕获键盘事件,反之则不捕获
$(document).ready(function(e){
varsel=$('select.fenlei');//取得下拉框对象
sel.change(function(){//给下拉框绑定change事件,也就是下拉框选择不同的值的时候触发的js事件
if($(this).val()=='increase'){//如果选中的值等于increase
$(this).find('option:first').prop('selected','selected');;//重置下拉框
keyCodes=true;
varhtml='<divid="fugai"></div><divid="input">分类名称:<inputtype="text"id="Classification"><buttontype="button"id="submit">提交</button><buttontype="button"id="Cancel">取消</button></div></div>';//设置变量,变量值为一个输入框和一个提交按钮
$('body').append(html);//将输入框和提交按钮追加到body标签最后面
$('#fugai').hide().css({'position':'absolute','z-index':'100','left':'0px','top':'0px','width':'100%','height':'100%','background':'#000'}).fadeTo('slow',0.2);//给追加的第一个div标签设置成遮罩层
$('#input').hide().css({'position':'absolute','z-index':'1000','background':'#fff','border':'solid3px#d7d7d7','padding':'20px'});//将追加的第二个div标签设置成浮动层
varwidth=$('#input').width(),height=$('#input').height(),left=($(window).width()-width)/2,top=($(window).height()-height)/3;//计算浮动层的上距离和左距离
$('#input').css({'top':top+'px','left':left+'px'}).fadeTo('slow',1);//设置浮动层居中
$('#Cancel').click(function(){//给取消按钮绑定点击事件
$('#input').fadeTo('slow',0,function(){$(this).remove();})
$('#fugai').fadeTo('slow',0,function(){$(this).remove();})
keyCodes=false;
//将浮动层和遮罩层淡入并删除
});
$('#submit').click(function(){//给提交按钮绑定点击事件
varObj=$('#Classification');//获取输入框对象
varVal=Obj.val().replace(/s/gi,'');//取得输入框的值,并过滤空格
if(Val==''){//如果没有输入值
alert('请输入分类名称');//弹出警告框
Obj.focus();//使输入框获得焦点
}else{
$.post(document.URL.replace(/#/gi,''),{mm:1,classification:Val},function(Success){//Ajax方式以post提交数据至当前页面进行数据处理,并返回数据处理结果Success
$('select.fenlei').html(Success);//将数据处理结果以html代码的方式重新更新下拉框
$('#Cancel').click();
});
}
});
$(document).keyup(function(event){//绑定键盘按下后弹起事件
if(keyCodes&&event.keyCode==13){//键盘捕获开关打开,并且按下的是回车键
$('#submit').click();//触发提交按钮的点击事件,这样就达到了回车提交的目的
}
});
}
});

});

//js代码部分完成
//-->
</script>
</head>
<body>
<divclass="fen">请选择分类
<selectname="fenlei"class="fenlei">
<optionvalue="">--请选择--</option>
<?php
//这里你可以根据你自己的情况设置下拉框选项,比如读取数据库数据。但上下两个不能少,否则无法触发js事件
foreach($Oldificationas$op){
echo'<optionvalue="',$op,'">',$op,'</option>';
}
?>
<optionvalue="increase">增加分类</option>
</select>
</div>
</body>
</html>

E. 使用ajax+jquery+php访问mysql数据库,并且达到不跳转页面的效果。。。

完整代码如下:

html

<script>
window.onload=function(){
try{
varxmlHttp=newXMLHttpRequest();
}catch(e){
//无法生成对象那么就是IE浏览器或不支持AJAX
try{
varxmlHttp=newActiveXObject("Msxml2.XMLHTTP");
}catch(e){

try{

varxmlHttp=newActiveXObject("Microsoft.XMLHTTP");
}catch(e){
alert('你必须使用支持AJAX的浏览器');
}
}

}

xmlHttp.onreadystatechange=function(){
if(xmlHttp.readyState==4&&xmlHttp.status==200){
//请求完成!
varresult=xmlHttp.responseText;
varre=eval('('+result+')');
varhtmlStr='<tr><td>ID</td><td>NAME</td></tr>';
for(vari=0;i<re.length;i++){
htmlStr+='<tr><td>'+re[i].id+'</td><td>'+re[i].name+'</td></tr>'
}
document.getElementById('result').innerHTML=htmlStr;
}
};

xmlHttp.open('get','../phpLab/index.php',true);
xmlHttp.send(null);


};
</script>
<body>
<divid="showResult">
<tableid="result">

</table>
<div>
</body>

php测试 代码

<?php
//数据库只有两个字段id,name

$handle=mysql_connect('localhost','root','');
mysql_select_db('test',$handle);

$sql="select*fromtestTbl";
$result=mysql_query($sql);
$arr=array();
while($r=mysql_fetch_assoc($result)){

$arr[]=$r;
}

echojson_encode($arr);


?>

结果:

F. jquery+php 注册并检测完数据库后form提交数据

我都看不明白你在说什么,看了好多遍
jquery 检测的时候总是会被jquery的回调函数牵绊住,我先等注册完后,提交的时候用form表单提交,而不用到jquery的回调函数:

G. 如何使用jquery php mysql来实现在线测试题,包括动态读取题目,答题完毕后台评分

<?php
include_once("connect.php");//连接数据库

$sql = "select * from quiz order by id asc";
$query = mysql_query($sql); //查询数据
while($row=mysql_fetch_array($query)){
$answers = explode('###',$row['answer']); //将答案选项分开
$arr[] = array(
'question' => $row['id'].'、'.$row['question'], //题目
'answers' => $answers //答案选项
);
}
$json = json_encode($arr); //转换json格式
?>

H. jQuery 怎么获取 php查找数据库的值

比如数据库查出的值为$data,
可以使用Json的方式获取数据,即在PHP端这样:
<?php
$data = array('a'=>'1');
echo json_encode($data);
?>

在HTML页面
<script type="text/javascript">
$.ajax({
url:"PHP页面地址",
dataType:"json",
success:function(data){//data就是PHP页面输出的东西了
alert(data.a);
}
});
</script>