Angularjs使用 ajax实例

HTML文件:

<!DOCTYPE html>
<html ng-app=‘a72‘>
	<head>
		<meta charset="UTF-8">
		<title>使用$http快捷方式与服务端交互</title>
		<script src="../angular.min146.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div class="frame" ng-controller=‘c72‘>
			<div class="show">
				<div class="tip">POST返回的结果是:{{result}}</div>
				<button ng-click="onclick()">发送</button>
			</div>
		</div>
		<script>
			angular.module(‘a72‘,[]).config(function($httpProvider){
				$httpProvider.defaults.transformRequest=function(obj){
					var arrstr=[];
					for(var p in obj){
						arrstr.push(encodeURIComponent(p)+"="+encodeURIComponent(obj[p]))
					}
					return arrstr.join("&");
				}
				$httpProvider.defaults.headers.post={
					‘Content-Type‘:‘application/x-www-form-urlencoded‘
				}
			})
			.controller(‘c72‘,function($scope,$http){
				var postdata={name:"陶国荣"}
				$scope.onclick=function(){
					$http.post(‘post.php‘,postdata).success(function(data,status,headers,config){
						$scope.result=data;
					})
				}
			})
		</script>
	</body>
</html>

  PHP文件:

<?php
	$str=$_POST[‘name‘];
	if($str==‘陶国荣‘){
		echo "验证正确!";
	}else{
		echo "验证失败!";
	}
?>

  

时间: 2024-11-07 18:42:57

Angularjs使用 ajax实例的相关文章

【JavaScript】jQuery Ajax 实例 全解析

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

jQuery Ajax 实例 ($.ajax、$.post、$.get)

Jquery在异步提交方面封装的很好,直接用AJAX非常麻烦,Jquery大大简化了我们的操作,不用考虑浏览器的诧异了. 推荐一篇不错的jQuery Ajax 实例文章,忘记了可以去看看,地址为:http://www.cnblogs.com/yeer/archive/2009/07/23/1529460.html 和 http://www.w3school.com.cn/jquery/ $.post.$.get是一些简单的方法,如果要处理复杂的逻辑,还是需要用到jQuery.ajax() 一.$

jQuery Ajax 实例 ($.ajax、$.post、$.get)转

Jquery在异步提交方面封装的很好,直接用AJAX非常麻烦,Jquery大大简化了我们的操作,不用考虑浏览器的诧异了. 推荐一篇不错的jQuery Ajax 实例文章,忘记了可以去看看,地址为:http://www.cnblogs.com/yeer/archive/2009/07/23/1529460.html 和 http://www.w3school.com.cn/jquery/ $.post.$.get是一些简单的方法,如果要处理复杂的逻辑,还是需要用到jQuery.ajax() 一.$

如何使用angularjs实现ajax异步请求

Sample.html <!DOCTYPE html> <html ng-app="myApp"> <head> <title>form</title> <script type="text/javascript" src="js/angular.min.js"></script> </head> <body> <form name=

jquery ajax实例教程和一些高级用法

jquery ajax的调用方式:jquery.ajax(url,[settings]),jquery ajax常用参数:红色标记参数几乎每个ajax请求都会用到这几个参数,本文将介绍更多jquery ajax实例,后面会有一些ajax高级用法 query ajax的调用方式:jquery.ajax(url,[settings]),因为实际使用过程中经常配置的并不多,所以这里并没有列出所有参数,甚至部分参数默认值,就是最佳实践,根本没必要去自己定义,除非有特殊需求,如果需要所有参数,可以查看jq

【05】AJAX实例-检测用户名是否存在(实例)

AJAX实例-检测用户名是否存在 用户注册时,需要填写个人信息,其中包括用户名.当用户输入完成时,JavaScript 需要及时检测用户名是否存在,如果存在给出提示,请用户更换用户名. 当然,这个步骤可以在用户提交表单以后由后台程序检测,如果用户名已存在,用户需要返回注册页面重新填写用户名,而前面填写的其他信息也随着网页的跳转已经过期,全部需要重填,这对用户来说是极大的伤害. 因此,有必要使用 AJAX 在用户不提交信息的情况下及时检测用户名是否存在. 前台代码: <p> 请输入用户名:<

jquery实现ajax实例

继上一篇: js+json实现ajax实例 jquery代码: $(function(){ // 查询员工 var oKeyword=$('#keyword'),//员工编号 oSearchRes=$('#searchResult');//反馈结果显示 // 查询员工按钮点击事件 $('#search').on('click',function(){ searchStaff(); }) // 创建查询员工方法 function searchStaff(){ $.ajax({ type:'GET'

Spring Boot Ajax实例

本文将展示如何使用jQuery.ajax将HTML表单请求发送到Spring REST API并返回JSON响应. 使用的工具 : Spring Boot 1.5.1.RELEASE Spring 4.3.6.RELEASE Maven 3 jQuery Bootstrap 3 1. 项目结构 创建一个标准的Maven项目:ajax-example,用于演示在Spring Boot中使用Ajax技术,搜索用户信息.其结构如下图所示 - 2. 项目依赖 文件:pom.xml <?xml versi

转 ? C#中jQuery Ajax实例(一)

目标:在aspx页面输入两参数,传到后台.cs代码,在无刷新显示到前台 下面是我的Ajax异步传值的第一个实例 1.前台html代码: <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"