实现一个类似脸谱网的更新而不刷新Ajax
复制代码代码如下所示:$(文档)Ready(函数())
{
$('。edit_link)。Click(function())
{
$('。text_wrapper)隐藏();
VaR数据= $('。text_wrapper)。Html();
$(编辑);
$('。编辑框)。Html(数据);
$('。编辑框的焦点());
});
$(。编辑框)。Mouseup(function())
{
返回false
});
$(。编辑框)。变化(函数())
{
$(编辑)。隐藏();
无功boxval = $(。编辑框)。瓦迩();
无功datastring =数据=+ boxval;
$ ajax({
类型:邮政
网址:update_profile_ajax PHP 。
数据:datastring,
缓存:false,
成功:函数(HTML)
{
$('。text_wrapper)。Html(boxval);
$('。text_wrapper)显示();
}
});
});
$(document)。Mouseup(function())
{
$(编辑)。隐藏();
$('。text_wrapper)显示();
});
});
体
{
字体:Arial,Helvetica,sans-serif;
字体大小:12px;
}
邮箱。
{
宽度:250px;
保证金:50px;
}
text_wrapper。
{
# 0099cc solid 1px边框;
填料:5px;
宽度:187px;
}
edit_link。
{
浮:右
}
输入框。
{
溢出:隐藏;身高:61px;边界:solid 1px # 0099cc;宽度:190px;字体大小:12px;字体:Arial,Helvetica,sans-serif;
}
编辑
< PHP
包含();
为SQL = mysql_query(选择电子邮件从用户那里user_id = 1);
行= mysql_fetch_array美元($ SQL);
简介=美元美元排{ 'email'};
>
update_profile_ajax.php
复制代码代码如下所示:
< PHP
如果($ _post {数据})
{
数据_post美元美元= {数据};
数据mysql_escape_string美元(美元数据);
为SQL =更新用户设置电子邮件= $ data'where user_id = 1;
mysql_query($ SQL);
}
>