类似facebook无刷新ajax更新

类似facebook无刷新ajax更新

1. <script type="text/java script">
2. $(document).ready(function()
3. {
5. $('.edit_link').click(function()
6. {
7. $('.text_wrapper').hide();
8. var data=$('.text_wrapper').html();
9. $('.edit').show();
10. $('.editbox').html(data);
11. $('.editbox').focus();
12. });
14. $(".editbox").mouseup(function()
15. {
16. return false
17. });
19. $(".editbox").change(function()
20. {
21. $('.edit').hide();
22. var boxval = $(".editbox").val();
23. var dataString = 'data='+ boxval;
24. $.ajax({
25. type: "POST",
26. url: "update_profile_ajax.php",
27. data: dataString,
28. cache: false,
29. success: function(html)
30. {
31. $('.text_wrapper').html(boxval);
32. $('.text_wrapper').show();
34. }
35. });
37. });
39. $(document).mouseup(function()
40. {
41. $('.edit').hide();
42. $('.text_wrapper').show();
43. });
45. });
49. Edit
50. include("db.php");
51. $sql=mysql_query("select email from users where user_id='1'");
52. $row=mysql_fetch_array($sql);
53. $profile=$row['email'];
54. >