小编Ser*_* K.的帖子

如何使用 javascript 连接到带有 oAuth 1.0a 的 API?[Angular.js]

目前,我正在开发一个需要我连接到外部 API 以获取 JSON 文件的 Web 应用程序。

我正在使用需要 Oauth1.0a 身份验证的名词项目的相关 API 。现在这个项目需要我使用 Angular.JS 来处理 JSON 数据。

但在我可以使用 JSON 之前,我需要获取它,这就是事情分崩离析的地方。当我尝试使用以下代码连接时,我的http://localhost:8080/上不断出现以下错误。

错误 :

> XMLHttpRequest cannot load
> http://api.thenounproject.com/icons/fish&callback=?&oauth_consumer_key=9c70…891xxxx&oauth_version=1.0&oauth_signature=xxxxx6oeQI0p5U%2Br0xxxxxxx%3D.
> No 'Access-Control-Allow-Origin' header is present on the requested
> resource. Origin 'http://localhost:8080' is therefore not allowed
> access. The response had HTTP status code 403.
> Blockquote
Run Code Online (Sandbox Code Playgroud)

编码 :

var oAuth = OAuth({
  consumer: {
    public: '9c704cb01xxxxxxxxx',
    secret: '45b7a8d86xxxxxxxxx'
  },
  signature_method: 'HMAC-SHA1'
});

var app = angular.module('nounProject', []); …
Run Code Online (Sandbox Code Playgroud)

javascript api json oauth angularjs

5
推荐指数
1
解决办法
1万
查看次数

Contenteditable Div - 根据innerHTML 位置的光标位置

我已经完成了我的研究并在 StackOverflow 上遇到了这些问题,人们在那里问了同样的问题,但问题是他们想要根据 x 和 y 坐标或左侧的列来获得位置。我想知道光标相对于 div 的 innerHTML 的位置。

例如:

innerHTML = "This is the innerHTML of the <b>div</b> and bla bla bla..."
                                                        ^
                                                  Cursor is here
Run Code Online (Sandbox Code Playgroud)

所以这个案例我想要的结果是 44. 怎么做?

javascript contenteditable cursor-position

5
推荐指数
1
解决办法
1768
查看次数

通过 Javascript 更改元素的显示?

我有一个搜索栏,上面有一个切换按钮。切换工作正常,但我的问题是我希望表单开始禁用。我的切换按钮使用了display属性,但是当我通过 CSS 将该属性设置为禁用时,切换不再起作用。我还发现 HTML 中没有对应的属性,所以我很迷茫。这是我的 Javascript 旋转到我的 HTML 中:

function ToggleSearchBar() {
  var searchbar = document.getElementById("SearchBar");
  if (searchbar.style.display == "none") {
    searchbar.style.display = "";
  } else {
    searchbar.style.display = "none";
  }
}
Run Code Online (Sandbox Code Playgroud)
.search-button form {
  display: none;
  padding-top: 10px;
}
Run Code Online (Sandbox Code Playgroud)
<div class="search-button">
  <p onclick="ToggleSearchBar()">Search</p>
  <form id="SearchBar">
    <input type="text" placeholder="Your query here">
  </form>
</div>
Run Code Online (Sandbox Code Playgroud)

因此,要重申,我只需要表单元素,以开始显示器没有的,同时仍然允许我的Javascript功能来起到预期。任何帮助,将不胜感激。谢谢!

html javascript css

2
推荐指数
1
解决办法
3745
查看次数

JavaScript 字符串中每两个单词换行一次

我有一根绳子

string = "example string is cool and you're great for helping out" 
Run Code Online (Sandbox Code Playgroud)

我想每两个单词插入一个换行符,这样它就会返回:

string = 'example string \n
is cool  \n
and you're  \n
great for \n
helping out'
Run Code Online (Sandbox Code Playgroud)

我正在使用变量,无法手动执行此操作。我需要一个可以接受这个字符串并为我处理它的函数。

谢谢!!

javascript

2
推荐指数
1
解决办法
3436
查看次数

Ajax将两条信息提交给php文件

<button id='0' value="23" name='process'>Click 0</button>
<button id='1' value="45" name='process'>Click 1</button>
<button id='2' value="66" name='process'>Click 2</button>
<button id='3' value="88" name='process'>Click 3</button>
<button id='4' value="92" name='process'>Click 4</button>

$('#id').click(function(){
    $.ajax({
      url: "test.php",
      data: {0:123},
      processData: false,
      contentType: 'application/json'
    });
});
Run Code Online (Sandbox Code Playgroud)

我不是很熟悉ajax,但我想用它来避免重新加载页面,这是我正在使用的php正在发生的事情.我需要在单击其中一个按钮时通过ajax发送数据.每个按钮需要发送一个唯一键(id)和一个简单的数值.

不确定如何使用Ajax完成关于通过每次点击发送独特信息以及如何为不同按钮触发不同结果的方式.

javascript php ajax jquery

0
推荐指数
1
解决办法
88
查看次数

Javascript电子邮件验证在有效的电子邮件地址失败?

我好像无法获得基本的javascript电子邮件验证功能才能正常工作.即使使用真实的电子邮件地址,它也会一直返回电子邮件地址无效.

有人可以指出我正确的方向,因为我找不到任何其他类似的SO帖子的问题.我不认为这是功能本身,但也许我怎么称呼它?我已经发布了以下代码.

// E-mail validation via regular expression - taken from SO solution
// Needs to be accessible for other Forms to use
function isValidEmailAddress(emailAddress) {
  var pattern = new RegExp(/^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?$/i);
  return pattern.test(emailAddress);
};


// Validate Contact Form
function validate_contact(evt) {

  var error = '';

  // Set Veriables
  var email = document.getElementById("contact_email");



  // Validate Other Fields Here
  //  - Removed for Example -


  // Validate Email Address
  if (!isValidEmailAddress(email)) {
    error += '- Please enter a valid Email Address.\n';
  } …
Run Code Online (Sandbox Code Playgroud)

javascript email validation function

-1
推荐指数
1
解决办法
138
查看次数