【技术】Ajax $.get()

HTML:

<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<script type="text/javascript" src="js/jquery-1.11.0.min.js"></script>
<script>
$(document).ready(function(){
$(document).on("click","#send",function(){
$.get("get1.php",{
username:$("#username").val(),
content:$("#content").val()
},function(result){
$("#content").val(result);
});

});
});
// $(function(){
// $("send").click(function(){
// $.get("get1.php",{
// username:$("#username").val(),
// content:$("#content").val()
// },function(data,textStatus){
// $("#resText").html(data);
// });
// });
// });
</script>
</head>
<body>
<form id="form1" action="#">
<p>
评论:
</p>
<p>
姓名:
<input type="text" name="username" id="username" />
</p>
<p>
内容:
<textarea name="content" id="content" rows="2" cols="20">
</textarea>
</p>
<p>
<input type="button" id="send" value="提交" />
</p>
</form>
<div class="comment">
已有评论:
</div>
<div id="resText"></div>
</body>
</html>

get1.php:

<?php
//echo "123";
$username = $_GET[‘username‘];
if($username == "冰冰"){
echo "好人";
}else{
echo "坏人";
}
//$arr = array(‘title‘=>"2014排行榜",‘data‘=>array(‘id‘=>1,‘name‘=>‘要冰冰‘));
// echo json_encode($arr);
?>

时间: 2024-10-27 08:33:41

【技术】Ajax $.get()的相关文章

前端技术Jquery与Ajax使用总结

前端技术Jquery与Ajax使用总结 虽然主要是做的后端,但是由于有些时候也要写写前台的界面,因此也就学习了下Jquery和Ajax的一些知识,虽说此次写的这些对于前端大神来说有些班门弄斧的感觉,但是为了加深自己的记忆,还是总结一下下,有什么不对的地方欢迎大家指出~ 准备工作 由于我是使用的bootstrap,所以有些操作也是基于它来进行的,比如说模态框什么的,有关bootstrap的相关知识可以到这里去学习.然后这个项目用的是Struts框架.好了,基本情况就是酱紫了. 将jquery的包以

关于在SSH2中使用ajax技术的总结(主要写Struts2和ajax)

以下内容是自己理解的,因为还没有看过相关的文章,所以,技术上还是有很大的欠缺.不过这也是自己努力思考得到的,如果有什么更好的建议可以回复我. 1. 任务需求: 实现一个包含数据的表格,并且有分页功能. 2. 效果图:(如图一) (图一) 3. 从全局来理解.分析(暂时不使用JQuery的ajax,只是用JQuery的获取节点操作节点的方法.ajax使用自己写的重构ajax.js): 当用户点击查询按钮或者点击分页跳转的相关按钮(既首页/上一页/...)的时候,用户就会通过ajax给服务器发送请求

浅谈JS之AJAX

0x00:什么是Ajax? Ajax是Asynchronous Javascript And Xml 的缩写(异步javascript及xml),Ajax是使用javascript在浏览器后台操作HTTP和web服务器进行数据交换(用户不知道也感觉不出来,就跟桌面应用程序似的进行数据交互),它不会导致页面重新加载,这样才有更好的用户体验. Ajax是基于以下开放标准: javascript(DOM) css html xml(json) 通俗的说就是使用了javascript(DOM)的XMLH

JS 操作 AJAX

JS 操作 AJAX Table of Contents API 同步和异步 ajax / text server get post ajax / json server get post ajax / xml server get post 跨域 相关阅读 API onreadystatechange 指定当 readyState 属性改变时的事件处理句柄 readyState 返回当前请求的状态 responseBody 将回应信息正文以 unsigned byte 数组形式返回 respo

jquery学习之AJAX

1,关于AJAX的简单介绍 AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML). AJAX 不是新的编程语言,而是一种使用现有标准的新方法. AJAX 是与server交换数据并更新部分网页的艺术,在不又一次载入整个页面的情况下. 2,什么是 AJAX ? AJAX = 异步 JavaScript 和 XML. AJAX 是一种用于创建高速动态网页的技术. 通过在后台与server进行少量数据交换,AJAX 能够使网页实现异步

$().each() 与 $.each()区别,以及 jquery ajax 应用

在jquery 中我们可以选择$().each() 与 $.each() 进行迭代对象和数组 $(items).each(function(){ //item })   , 而后者则 $.each(items,function(i,item){ //write your code }) -----------------jquery   ajax---------------------- jquery 开发ajax 相对来说 是比较简单的  具体情况可以参考 [QLeelulu的ajax系列]

设置获得的标签体、动态绑定事件以及Ajax

前言 主要谈谈Ajax以及jQuery对Ajax的支持 Ajax(Asynchronous javascript  and xml)以异步地方式实现局部HTML的刷新.创建交互式web应用程序而无需牺牲浏览器兼容性的流行方法. 正文 设置获得的标签体 动态绑定事件 方式一 方式二 例子 Ajax 1.Ajax是一种在2005年由Google推广开来的编程模式,是一种使用现有标准的新方法通过Ajax,可以创建更好.更快以及更友好的web应用程序. 2.Ajax基于javascript和HTTP请求

【知识点】Ajax

JS/Ajax JavaScript基础知识 常识 js的特点:调试起来比较困难:是弱类型的. Aptana简介 Aptana是一个非常强大,开源,专注于javaScript的Ajax开发的IDE,它的特性包括 javaS,JavaScript函数,html,css语言的CodeAssist功能 Outliner(大纲):显示JavaScript,html和css的代码结构 支持js,html,css代码提示,包括js自定函数 代码语法错误提示 支持ApatanaUI自定义和扩展 调试Js 支持

解析JQuery Ajax

jQuery是一个挺好的轻量级的JS框架,能帮助我们快速的开发JS应用,并在一定程度上改变了我们写JavaScript代码的习惯. 先来看一些简单的方法,这些方法都是对jQuery.ajax()进行封装以方便我们使用的方法,当然,如果要处理复杂的逻辑,还是需要用到jQuery.ajax()的(这个后面会说到). 1. load( url, [data], [callback] ) :载入远程 HTML 文件代码并插入至 DOM 中. url (String) : 请求的HTML页的URL地址.