|
Good Day
i have a web api that i want to call on the client side and return its contents, so it s a post and i return some string. Now i have a form that will have the data to be posted as depicted below
<form name="registrationForm" method="post">
and there are other controls within the form and i have a button that triggers the post as depicted below
< <input title="Register" onclick="ProcessRegistration();" style="width: 100px; height: 100px; align-self: center" type="submit" name="submit_fourth" id="submit1" value="register" />
onCick i call a function from the client side, the definition of the function is
function ProcessRegistration()
{
$.getJSON("http://www.mydomain.maindomain.com/api/Registration/Create", function (data) {
alert(data);
});
}
now when i click the button to fire the service i get the following error in the console
XMLHttpRequest cannot load http:
Does anyone know how to solve this ?
Thanks
Vuyiswa Maseko,
Spoted in Daniweb-- Sorry to rant. I hate websites. They are just wierd. They don't behave like normal code.
C#/VB.NET/ASP.NET/SQL7/2000/2005/2008
http://www.vuyiswamaseko.com
vuyiswa[at]dotnetfunda.com
http://www.Dotnetfunda.com
|
|
|
|
|
The problem is that the client and the server are on different domains (mydomain.maindomain and localhost). XHR will deny such call except you put an 'Access-Control-Allow-Origin' header on the server...
See here:
https://developer.mozilla.org/en/docs/HTTP/Access_control_CORS[^]
I'm not questioning your powers of observation; I'm merely remarking upon the paradox of asking a masked man who he is. (V)
|
|
|
|
|
What is the web server? I had this same problem on a Tomcat server. I had to create a "filter" and "filter map" to resolve this.
|
|
|
|
|
hi thanks for your reply
i am using IIS , i was able to resolve the issue , but i had a to change my code a but to do this. my service is a Rest Web Api Service. So i was returning a String , i changed and returned an integer. So my Js code looks like this
$.ajax({
url: 'http://www.mysubdomain.mymaindomain.com/api/Registration/Create',
type: 'POST',
data: JSON.stringify(RegistrationModel),
contentType: "application/json;charset=utf-8",
success: function (data, textStatus, request) {
alert(data);
if (data != 0) {
alert("Your Reference number is ANP00" + data + " Keep it safe for Sure use");
ProcessPayment();
}
else {
alert("Already Registered,please renew");
}
},
error: function (x, y, z) {
alert(x + '\n' + y + '\n' + z);
}
});
I hope this helps someone in the future.
Thanks
Vuyiswa Maseko,
Spoted in Daniweb-- Sorry to rant. I hate websites. They are just wierd. They don't behave like normal code.
C#/VB.NET/ASP.NET/SQL7/2000/2005/2008
http://www.vuyiswamaseko.com
vuyiswa[at]dotnetfunda.com
http://www.Dotnetfunda.com
|
|
|
|
|
|
Greetings and Salutations!
I'm not sure if this is the right group for this, but if not, please let me know where I should post my questions.
I'm a novice to the world of jQuery and I've run into a snag (and can use some help). When I include the following line in my HTML file, the element doe not slide down as expected:
<script>
$(document).ready(function(){
$("#ContentHeader").slideDown(4000);
});
</script>
When I load the page the element appears without sliding down. I'm self taught using CodeAcademy and a text titled: "JavaScript & jQuery: The Missing Manual". Do I have the syntax correct?
Here is the full code I'm using:
<!DOCTYPE html>
<html lang="en">
<head>
<link type="text/css" rel="stylesheet" href="JQSwaggerStyle.css"/>
<script>
$(document).ready(function(){
$("#ContentHeader").slideDown(4000);
});
</script>
</head>
<body>
<div id="ContentHeader">
<h1>Andre Mitchell Stevens Swagger</h1>
<h2>Ain't it cool???</h2>
</div>
</body>
</html>
=======================
Every experience in life is a lesson to be learned
A. Stevens
B.S., Computer Science
|
|
|
|
|
You haven't posted your CSS, but the first thing I would check is that you have display:none; set for your #ContentHeader element.
"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer
|
|
|
|
|
Richard,
Thanks for your feedback. Unfortunately that did not work. If I include "display: none" (without the quotes) the element doesn't appear at all (and I also tried using "slow" as the parameter, rather than "4000").
I also tried:
$("#ContentHeader").hide().slideDown("slow");
but that didn't work either...
Here is my CSS (so far):
h1, h2{
color: #FF8000;
text-align:center;
}
#ContentHeader{
background-color: #000040;
border-color: #FF8000;
border-style:groove;
border-radius: 5pt;
border-width: 5pt;
}
=======================
Every experience in life is a lesson to be learned
A. Stevens
B.S., Computer Science
|
|
|
|
|
You definitely need the display:none;. As Graham mentioned, you also need a <script> tag to include jQuery. If you don't have a local copy, you can use a CDN - for example:
<script src="//code.jquery.com/jquery-1.10.2.min.js"></script>
Here's a working example to play with: http://jsfiddle.net/Y5P7N/[^]
"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer
|
|
|
|
|
If that is your complete page, then you haven't included the script tag to load jQuery itself. It should look something like this:
<script src="jquery.js"></script>
The actual src= filename and path may be different.
|
|
|
|
|
Can anyone help me to do coding on the topic duplicate file remover.I am weak in coding and i am just a student 
Rahul
|
|
|
|
|
And are you hoping to do this in Javascript?
Veni, vidi, abiit domum
|
|
|
|
|
Yes.. i really need it.. Actuly it's my project... Can u help me??
modified 27-Jan-14 12:17pm.
|
|
|
|
|
I think you need to study what features you can use in Javascript. If you want to delete files on the user's system then that is forbidden in browsers for reasons of security.
Veni, vidi, abiit domum
|
|
|
|
|
In JavaScript? That's not possible for security reasons. If it would be possible, then websites could easily delete files on your system, which is probably not what you want. So no, it's impossible.
|
|
|
|
|
Hi I have a SQL Server Table named News with the following
columns-id,Title,Body,Created datetime and
Inside It's a column 'Number of clicks'.
Now I want to increment it by 1 when the title of a particular news is clicked.I need the c# code.Help, i can't do it
|
|
|
|
|
Don't post the same question in multiple forums.
Also, this question has nothing to do with javascript.
"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer
|
|
|
|
|
Ive tried to do something with the click thing. that u could only reserve from the seatmap depends of quantity of tickets u bought. I dont have whenever i click a seat it always get the original value that it fetched from the line 3.
<script>
$(document).ready(function(){
var qty = $("#qty").val();
var hasBeenClicked = false;
jQuery('.a-seats').click(function(){
qty--;
});
if(qty == 0){
document.getElementById("a-seats").style.zIndex='-1';
}
});
</script>
|
|
|
|
|
Move this :
var qty = $("#qty").val();
to
jQuery('.a-seats').click(function(){
qty = $("#qty").val();
qty--;
});
|
|
|
|
|
Hello ive tried it but it also doesnt work.
here is the new code
<script>
$(document).ready(function(){
jQuery('.a-seats').click(function(){
qty = $("#qty").val();
qty--;
});
if(qty == 0){
document.getElementById("a-seats").style.zIndex='-1';
}
});
</script>
|
|
|
|
|
What did not work, be more specific. Did you include jquery library in the header? Do you have an element with class='a-seats'? Can you show the other code?
|
|
|
|
|
I used ajax for this query and for the seatmap and had a header onto the seatmap main file, the code below are the few code which is like a function that will be printed out in a div in seatmap main file.
<script>
$(document).ready(function(){
jQuery('.a-seats').click(function(){
qty = $("#qty").val();
qty--;
});
if(qty == 0){
document.getElementById("a-seats").style.zIndex='-1';
}
});
</script>
<?php
$db = mysqli_connect('localhost','root','','capstone');
$getallmsg = "SELECT * FROM reservation where seatColumn = 'A' ORDER BY Id DESC"; //ORDER BY seatId DESC
$result = $db->query($getallmsg);
echo '<div id="a-holder">';
while ($holder = $result->fetch_array(MYSQLI_ASSOC)) {
$template = '<div class="a-seats" id="%s"></div>';
$id= $holder['seatId'];
$reserved = $holder['reserved'];
printf("$template ",$id);
?>
<?php
}
echo '</div>';
/*free result set */
$result->free();
/* close connection */
$db->close();
?>
|
|
|
|
|
As far as I can see:
1. There is no inclusion of jquery library;
2. There is no element with id='qty'.
Suggest you take a look some jQuery examples: jquery_selectors[^]
|
|
|
|
|
but i have inclusion from its parent.
ohh ive deleted it
<?php
$qty = $_POST['qty'];
echo '<input type="hidden" id="qty" value="'.$qty.'">';
?>
<script>
$(document).ready(function(){
qty = $("#qty").val();
jQuery('.a-seats').click(function(){
if(qty != 0){
alert(qty);
qty--;
}else if(qty == 0){
document.getElementByClass("a-seats").style.zIndex='-1';
}
})
});
</script>
nothing changed..
|
|
|
|
|
hello, as u can see i put an alert(qty); but whenever i clicked the button it popped out the same value of qty and will not decrement nor increment.
|
|
|
|
General 
News 
Suggestion 
Question 
Bug 
Answer 
Joke 
Praise 
Rant 
Admin 
Submit an article or tip
