自己写my.js方法（ajax），在前端页面引用

最新推荐文章于 2023-04-10 10:17:36 发布
最新推荐文章于 2023-04-10 10:17:36 发布
阅读量414 收藏
点赞数
分类专栏： js 文章标签： js自己写
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/azhuqinglong/article/details/87897501
版权

my.js创建.js文件

var user={
	add:function(){},
	del:function(){},
	update:function(){},
	select:function(){
		$.ajax({
			data:{},
			dataType:"json",
			type:"get",
			url:"showuser",
			success:function(data)
			{
				alert(data);
				var info="<table border=1>";
				
				for(var i=0;i<data.data.length;i++)
				{
					info=info+"<tr><td>"+data.data[i].name+"</td></tr>";
				}
				
				info=info+"</table>";
				$("#info").html(info);
			}
		});
	}
}
var depe={
	add:function(){},
	del:function(){},
	update:function(){}
}

前端进行引用.html

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
	<div id="info"></div>
</body>
<script type="text/javascript" src="jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="my.js"></script>
<script type="text/javascript">
		user.select();
</script>
</html>
azhuqinglong
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
my:my.js，my.css
05-13
my my.js, my.css 封装了一些微信端，移动端比较常用的方法： 动画打开关闭 //div 选择器，可以是 id / class //anim 可选，包括：fadeAnim（默认）, popAnim, slideUpAnim, slideDAnim, slideLeftAnim, slideRightAnim My('div').open('anim'); My('div').close('anim'); 自定义弹窗 My.showAlert(option); My.showAlert({ title: "", //弹窗标题 text: "弹窗提示", //弹窗文字 yesText: "好的", //确定按钮文字 yesStyle: "b_green", //确定按钮样式 onYes: null, //确定按钮的事件 noT
My-Js整理
美丽的博客
07-25 452
3、只有函数有作用域（使用let时除外）。比如一个var类型，在自定义函数中定义有作用域，作用域是在该函数中。在if语句中定义，没有作用域，在if函数外也可以使用。1、JS定义函数(方法)用function关键字，不指定函数返回的返回值类型，如果有返回值直接return返回。使用let声明的变量就存在块级作用域。在if语句中使用let关键字声明变量，不能在if语句外访问。2、定义函数时，参数不需要写类型，直接写参数名即可。3、定义的方法可以指向一个变量。...
myjs
qq_41925937的博客
07-05 542
function star(aDiv){//传入所有div，相应div变，oDiv和aDiv for(var i=0;i&lt;aDiv.length;i++){ //建立索引值(建立在事件外，事件内部获取索引值靠this引入) aDiv[i].index=i; //建立所有子div的点击事件 aDiv[i].onclick=...
myjs:一个简单JavaScript Facade库，以方便我的生活
05-03
myjs 一个简单JavaScript Facade库，方便了我的生活。 演示版 在此处查看演示： : 安装 只需在您的网页中包含myjs.min.js文件即可。 < script src =" https://cdn.jsdelivr.net/gh/assisfery/myjs@1.1/myjs.min.js " > </ script > 饼干 要管理cookie，请使用这些功能。 将值设置为cookie。 myjs . setCookie ( key , value ) 为有效期为cookie的值设置一个值。 myjs . setCookie ( key , value , days ) 获取定义的cookie。 myjs . getCookie ( key ) 验证cookie是否存在。 myjs . hasCookie ( key ) 删除一个cooki
MyName.rar_Ajax_Java_
08-12
1. **XMLHttpRequest对象**：它是Ajax的基础，允许JavaScript在后台与服务器交换数据，而不需刷新页面。 2. **JavaScript**：负责处理用户交互，创建和发送XMLHttpRequest请求，以及接收和处理服务器返回的数据。 3....
Ajax请求在数据量大的时候出现超时的解决方法
12-09
我们还可以在JavaScript代码的开头设置`Ext.Ajax.timeout`，这将影响所有后续的Ajax请求： ```javascript Ext.onReady(function() { Ext.BLANK_IMAGE_URL = '../../common/ext3/resources/images/default/s.gif ...
前端项目-jQuery.my.zip
09-02
在前端开发领域，jQuery 是一个广泛应用的JavaScript库，它简化了HTML文档遍历、事件处理、动画制作以及Ajax交互。然而，随着前端应用的复杂性逐渐提高，对于数据双向绑定的需求也日益凸显。为此，开发者们创建了名...
在Laravel中实现使用AJAX动态刷新部分页面
10-16
- 我们创建一个名为`my-ajax-add-tea-consumption.js`的JavaScript文件，通常放在`/public/js`目录下。 - 在视图模板中，通过`<script>`标签引入这个JS文件。 - Laravel的中间件会检查CSRF（跨站请求伪造），因此...
前端系列vue.pdf
05-02
### Vue.js介绍与安装指南 #### 一、Vue简介 **1.1 主流前端框架/库简介** 在现代Web开发领域，前端框架扮演着至关重要的角色，它们不仅简化了开发流程，还提高了应用程序的质量与性能。以下是几种主流的前端框架...
MyJs:自己的编写的各种功能的JS代码库
07-09
MyJs 我的JS代码工具库： template.js js模板引擎 var tmplHTML = '<P><%- title %></P><% if(content){ %><P><%= content %></P><% } %>', tmplFunc = template( tmplHTML ), html = tmplFunc({ title:'abc<de>>>skw' });
my_js_qwje
04-26
my first js resources
JS中的ajax
不想写代码的一天
06-17 1万+
AJAX 传统的web交换缺点： 1.流量损失 2.浪费时间和带宽 AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。 概念： ajax使网页异步刷新，在不重新加载整个页面时，对网页的局部进行刷新。 特点： 局部刷新； 最大的特点：局部刷新 ajax的优点： 1.局部刷新； 2,。优化了浏览器与服务器之间的传输，减少了不必要...
JavaScript中的Ajax
weixin_43466575的博客
04-10 6350
（1）什么是AjaxAjax：Asynchronous JavaScript And XML，异步JavaScript和XML技术。描述：不是一门新的语言或技术，是由JavaScript、XML、DOM、CSS等多种已有技术组合而成的一种浏览器端技术。功能：用于实现与服务器进行异步交互的功能。用js来实现页面的局部刷新。（2）Ajax工作流程。
JavaScript之Ajax（一篇入门Ajax就够了）
热门推荐
weixin_50602266的博客
12-20 8万+
Ajax入门一篇就够
my：JS知识结构体系
ifnotcorrect的博客
07-14 122
//如何做一个知识脉络图？ 1.js初级内容 1.1 变量与运算符 1.2 注释 1.3 js数据类型 1.4 流程控制语句（条件语句、控制语句、循环语句） 1.5 函数 1.6 事件 1.7 数组 1.8 对象基础、对象原型、构建对象、js中的继承、使用JSON数据 2.js中级内容 2.1 客户端Web API ...
自制游戏 消消乐 代码 my.js
rao790754995的博客
11-22 8181
/** * Created by wxraopf on 2017-11-17. */ var lastCell = {}; var _lastCell = {}; var isMove = false; Vue.component('obj-list', { props: ['cell'], template: 'v-bind:class="{active: cell.isAc
大学生创业计划书(30)-两份资料.doc
最新发布
08-20
大学生创业计划书(30)-两份资料.doc
controller进入前端html页面怎么写
05-15
要在前端HTML页面中使用一个controller，需要先在JavaScript中定义这个controller，并将其与HTML中的元素关联起来。以下是一个简单的示例： 1. 在JavaScript中定义一个controller： ``` var myCtrl = function($scope) { $scope.name = 'John'; }; ``` 这个controller将在作用域(scope)中定义一个属性(name)，并将其值设置为'John'。 2. 将controller与HTML中的元素关联起来： ``` <div ng-controller="myCtrl"> {{name}} </div> ``` 这个HTML元素(div)将使用myCtrl这个controller，并在其中显示name属性的值。注意，这里使用了AngularJS框架的指令(ng-controller)来指定controller。 3. 在页面中引入AngularJS库： ``` <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script> ``` 这个库包含了AngularJS框架，需要在页面中引入才能使用AngularJS指令和功能。 综合起来，一个简单的controller进入前端HTML页面的示例代码如下： ``` <!DOCTYPE html> <html ng-app> <head> <title>My App</title> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script> <script> var myCtrl = function($scope) { $scope.name = 'John'; }; </script> </head> <body> <div ng-controller="myCtrl"> {{name}} </div> </body> </html> ``` 在这个示例中，我们使用了AngularJS框架来实现controller与HTML元素的关联。当页面加载时，AngularJS会自动寻找ng-app指令，并将其作为应用程序的根元素。在这个根元素内部，我们使用了ng-controller指令来指定了myCtrl这个controller，并将其与一个div元素关联起来。在div元素内部，我们使用了双括号语法({{name}})来显示了myCtrl作用域中的name属性。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值