十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
看不懂你的代码~ 写得太烂
成都创新互联是专业的盐湖网站建设公司,盐湖接单;提供做网站、网站建设,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行盐湖网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!
先用 url 传参 单独执行一下 你的ajax 页面。 如果没有问题,在去检查你的js
给你个教学般的例子吧:
ajax 向 php 传递一个用户的 ID 值,php 通过查询数据库,返回该ID用户的用户名和年龄和性别。
ajax 向 php 传值用POST的方式,php 向 ajax 返回的数据,用 json 格式。
==================================================================
[ ajax.html ]
----------------------
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""
html xmlns=""
head
meta http-equiv="Content-Type" content="text/html; charset=utf-8" /
titlejQuery_AJAX_PHP/title
script type="text/javascript" src="js/jquery.js"/script
script type="text/javascript"
function ajaxAction(userid) {
$.ajax({
url:"person.php",
type:"POST",
data:"userid="+userid,
dataType:"json",
success:function(person){
if(person=='undefined') {
alert("参数错误");
} else {
$('#userName').text(person.name);
$('#userGender').text(person.gender);
$('#userAge').text(person.age);
}
}
});
}
/script
/head
body
p用户名:span id="userName"/span/p
p性别:span id="userGender"/span/p
p年龄:span id="userAge"/span/p
pa href="#" onclick="javascript:ajaxAction(111)"点我吧/a/p
/body
/html
==============================================================
[ person.php ]
--------------------
?php
$userid=$_POST['userid'];
if($userid==''||$userid=='0') {
echo 'undefined';
} else {
//查询数据库并整理数据
$user = Array(
'name' = '张三李四',
'gender' = '男的~~~吧',
'age' = '反正老大不了'
);
echo json_encode($user);
}
?
=====================================================================
这里有个很重要的问题:就是如果你传递的参数或者值,是中文的,那你的页面文件就最好选择UTF-8的编码,不然你会很难搞的。
我这里的例子里的两个文件都是 utf8 编码!!
最近在玩Thinkphp,废话不多说,说正事.
客户端js提交代码
1 $.post('',{username : document.getElementById('username').value,content : document.getElementById('content').value,},function (data){console.log(data);alert('ok');});
主要是提交两个表单项的内容到handle,如果成功返回就执行function函数弹出一个ok
ps:这段代码不是标准的jQuery的写法,标准的应该是
$( 'input[name=username]' ).val()
$( '#username' ).val()
服务器端脚本
1 public function handle(){
2 if (!isAJAX) {
3 halt('请求有误');
4
5 } //else
6 // //echo '请求成功';
7 // // var_dump(I('post.'));
8 $wi=M('wish');
9 $data['wi_name']=I('username');
10 $data['wi_content']=I('content');
11 $data['wi_time']=time();
12 $result=$wi-data($data)-add();
13 // var_dump($result);
14 if ($result) {
15 // $this-success('插入成功');
16 // $this-ajaxReturn('110','插入成功',1);
17 $dataReturn['status']=1;
18 $dataReturn['info']='the post is ok';
19 $this-ajaxReturn($dataReturn,'json');
20 }else{
21 halt('插入失败');
22 }
23
24 }
但是数据提交成功,一直没有弹窗,也就是回调函数一直没有执行.找了半天,以为是json格式有问题,才知道是我注释的那段代码
//else
// //echo '请求成功';
// // var_dump(I('post.'));
我只说jquery的吧。
你的表单中添加分类和提交标题name和ID重复。
代码如下 copyleft by createindex
---------------------------华丽的分割线-----------------------------------
form action="" method="post"
分类列表:select name="select" id="select"/select
分类名称:input type="text" name="fenlei" id="fenlei" /
input type="submit" id="button_add" value="添加分类"
标题:input type="text" name="biaoti" id="biaoti" /
input type="submit" id="button_title" value="提交标题" /
/form
script type="text/javascript" src=""/script
script language="javascript" type="text/javascript"
$(function(){
//添加分类绑定单击事件
$("#button_add").click(function(){
var fenlei = $("#fenlei").val();//取得表单的值
//Ajax post数据
$.ajax({
type: "POST",//Ajax请求为post
url: "some.php",//ajax请求URL 脚本地址
data: "fenlei="+fenlei, //传递的值
success: function(data){ //回调函数 这里的data你可以返回HTML也可以是JSON 为了简单你返回HTML就可以了。
$("#select").html("").html(data);//将返回的列表插入分类.
//你只需要在后台脚本返回 option value="xx"sdfsdf/option之类的可以了。
}
});
});
});
/script
---------------------------华丽的分割线-----------------------------------
input type="submit" id="button_add" value="添加分类"
修改为
input type="button" id="button_add" value="添加分类"
---------------------------华丽的分割线-----------------------------------
不知道你什么意思。 Jquery的选择器选择你要的DOM节点操作就可以了。怎么控制那是你自己怎么做的问题。像这种问题自己看文档就能写出来的。
//这个正好手头正在做的一个项目中用到,提供思路,可以自由扩充
//在页面加载的时候注册一下 ,就是给要点击的地方添加事件或者是属性
//页面源码
table
tr
td class="canChange"点击这里会出现文本框/td
/tr
/table
//JS
$(document).ready(function(){
td_Click();
})
//点击事件
function td_Click() {
$(".canChange").click(function () {
var td = $(this);
//所点文本框的id
var id = $(this).attr("id")
var txt = $.trim(td.text());
var input = $("input class=\"myinput\" id='new' type='text'value='" + txt + "'style=\"width:80%;heigth:100%;\"/");
td.html(input);
input.click(function () { return false; });
//获取焦点
input.trigger("focus");
//文本框失去焦点后提交内容,重新变为文本
input.blur(function () {
// var newtxt = $(this).val();
var newtxt = $("#new").val();
//判断文本有没有修改
if (newtxt != txt) {
if (newtxt == null || newtxt == "") {
td.html(txt);
}
else {
//表示已经修改
$.post(.......)//提交
td.html(newtxt);
}
}
else {
td.html(txt);
}
});
});
}
刷新页面可以通过 JQ的 Fresh方法来实现,
或者是是控件刷新来实现,
比如 $("#btnSearch").click();这样通过JQ调用按钮点击,实现重新读取数据
=================望采纳!
第一步,引入jquery,各样的版本都有,搜一下,下载下来
script type="text/javascript" src="images/jquery-1.4.4.min.js"/script
第二步 局部异步刷新的HTML添加ID,比如
div id="shuaxin"/div//需要刷新的内容
a href="#" onclick="Refresh()"刷新/a//点击刷新
第三步 设置路径,参数等
script
function Refresh()
{
$.ajax({
async: false,
url: "a.php",//PHP文件的地址
type: "post",//get和post发送方式
data: { id:"1",cid:"2"},//参数,没有参数可以不要,现在是这样(a.php?a=1$cid=2)
success: function (data)
{
$("#shuaxin").html(data);//data是返回的数据,根据ID添加到shuaxin的div里
}
});
}
/script
第四步,这是PHP返回数据 a.php
?php
$id=$_REQUEST['id'];//接收id参数,没有参数就不用写
$cid=$_REQUEST['cid'];//接收cid参数,没有参数就不用写
//做一些你想做的操作,
echo ?? //返回给html
?
大概就是这个样子,没测试。