AJAX就是一种网页和后台服务器交流的协议,一个简单的AJAX发送代码
网站建设哪家好,找成都创新互联公司!专注于网页设计、网站建设、微信开发、微信平台小程序开发、集团企业网站建设等服务项目。为回馈新老客户创新互联还提供了临安免费建站欢迎大家使用!
$.post{
'服务器的网址',
'{data:'这里是要发送的数据'}',
function( return ){}{
// return 是后台服务器接收到你网页发的数据后返回的数据
}
}
PHP的echo输出的结果就是返回网页的return数据,格式是直接做返回值
PHP要返回数组就要用json封装,代码是 json_encde(数组);之后网页接受的是json格式的字符串,要自己转换为json数组。
其实就是发送一个网络请求,服务端输出的内容就是响应的内容,如jQuery
$.ajax(
{
url: '', // 请求URL
data: '', // 请求时携带的参数
type: '', // 请求方式, GET/POST
dataType: '',// 响应数据格式, text/json
success: r = {
// 请求成功时回调函数,参数 r 为服务端响应的内容
console.log(r); // 就是你说的后台数据
},
error: () = {
console.error('fail'); // 请求失败
}
}
)
// 服务端响应内容
$data = []; // 从数据库中获取的数据
echo json_encode($data); // 响应客户端, 数据格式为 JSON
你如果像ajax调取数据库的信息 那你需要在PHP中读取数据库让ajax去访问你得php然后获取到你的数据。
回答:
综合思路:
1. 大概了解了一下你希望得到的效果,而且也正是我这一周正在攻关的问题,并已经完成最终测试。
2. ajax从另一个php页面得到图片地址(以text形式得到,形式以ul/li的html代码格式在该php页面中形成并显示)。
3. 在index.php文件的html代码部分建立一个隐藏div块,用以暂放第二条得到的数据。
4. 使用javascript实现图片轮播效果,并设计一个显示界面,在下方按照图片轮播的情况动态显示图片介绍(忘了说,这个图片介绍可在第二条的那个php文件中放入图片的alt属性之中。)
6. 和第四条相配合,在html代码部分加入一个div块,用以显示轮播图片和文字介绍以及控制按钮,并为其设置id属性,供javascript使用。
7. 至于需要多么强悍或炫丽的特效,都可以使用js进行编制,前提是您需要对js有一个基本甚至效好的理解和应用能力。
8. 期间还要有图片转入动画的制作和放置,不过这也只是特效的一部分,如果你希望得到代码,到时候百度hi我,我可以将我的代码供你参考,不过这套代码我暂时还不想公开,你需要的话单独联系。望谅解。
===========================================
至于php正则类?如果没有大量的正则替换工作需要进行的话,最好自己编写,因为所谓的类都会在一定程序上拉低整体程序性能,(其实是我不喜欢使用,也没有去了解过,正则都是自己来用php函数写的。)
=============================
最后,工作顺意,才思泉涌!
//这个正好手头正在做的一个项目中用到,提供思路,可以自由扩充
//在页面加载的时候注册一下 ,就是给要点击的地方添加事件或者是属性
//页面源码
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调用按钮点击,实现重新读取数据
=================望采纳!
看一下前端文件的编码格式,是不是gb2312。如果是,就改前端html文件的编码格式为utf8,如果不是,再看看数据库保存的编码格式。总之,编码格式一致,就不会出现乱码。