分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 网页技术

Ajax 简单的实例代码

发布时间:2023-09-06 01:54责任编辑:郭大石关键词:Ajax

AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)。

AJAX 不是新的编程语言,而是一种使用现有标准的新方法。

AJAX 是与服务器交换数据并更新部分网页的艺术,在不重新加载整个页面的情况下。

<!DOCTYPE HTML><html><head><script src="http://libs.baidu.com/jquery/2.0.0/jquery.js"></script><script type="text/javascript"> ???$(function(){ ???????//按钮单击时执行 ???????$("#testAjax").click(function(){ ???????????????????????????//Ajax调用处理 ???????????$.ajax({ ??????????????type: "POST",//规定传输方式 ??????????????url: "new.php",//提交URL ??????????????data: {‘name‘:$(‘#name‘).val(),‘age‘:$(‘#age‘).val()},//提交的数据 ??????????????success: function(data){ ???????????????????????$("#myDiv").html(‘<h2>‘+data+‘</h2>‘);//交互成功回调 ?????????????????} ???????????}); ????????????????????}); ???});</script> ???</head> ???<body> ???????<input type="text" name="name" id="name"><br/> ???????<input type="text" name="age" id="age"><br/> ???????<div id="myDiv"><h2>通过 AJAX 改变文本</h2></div> ???????<button id="testAjax" type="button">Ajax改变内容</button> ???</body></html>
<?php ???$msg=‘Hello,‘.$_POST[‘name‘].‘,your age is ‘.$_POST[‘age‘].‘!‘; ???echo $msg;

.

Ajax 简单的实例代码

原文地址:https://www.cnblogs.com/jianxian/p/9054750.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved