Ajax first time try
1
Could you please help me?
I'm trying Ajax for the first time? what I'm missing?
Ajax code (It gets to the confirm dialog, then nothing happens).
<script src="https://code.jquery.com/jquery-3.3.1.js"></script>
<script>
//anyjscode
jQuery(document).ready(function()
jQuery('#ajaxSubmit').click(function(e)
e.preventDefault();
$.ajaxSetup(
headers:
'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
);
confirm ('¿very sure?');
jQuery.ajax(
url: " url('/gymmgr/public/notas/test/') ",
method:'get',
data:
dcmTest:jQuery('#dcmTest').val()
,
sucess: function(result)
console.log(result);
);
);
);
</script>
This is the route at my web.php file
Route::get('notas/test/', 'NotasController@test')->name('notas.test');
And it's code
public function test()
dd('Test');
Part of the code I'm using for the test, this at my view.
<div>
<label for="dcmTest">Test</label>
<input type="number"
class="form-control"
min="0.00"
max="100000.00"
step="0.01"
name="dcmTest"
id="dcmTest"
placeholder="test"
value=0
readonly>
</div>
<button type="button" class="btn btn-default" id="ajaxSubmit">OK</button>
</div>
This is what i got after the call at my console. Could you help me to interpret it? did it really load? why the dd function wasn't call at all?
Does it mean it arrived? why it doesn't showed the text? it's at client side...
javascript ajax laravel laravel-5.5
asked Nov 11 '18 at 23:04
ArthurArthur
477
|
show 3 more comments
1
Could you please help me?
I'm trying Ajax for the first time? what I'm missing?
Ajax code (It gets to the confirm dialog, then nothing happens).
<script src="https://code.jquery.com/jquery-3.3.1.js"></script>
<script>
//anyjscode
jQuery(document).ready(function()
jQuery('#ajaxSubmit').click(function(e)
e.preventDefault();
$.ajaxSetup(
headers:
'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
);
confirm ('¿very sure?');
jQuery.ajax(
url: " url('/gymmgr/public/notas/test/') ",
method:'get',
data:
dcmTest:jQuery('#dcmTest').val()
,
sucess: function(result)
console.log(result);
);
);
);
</script>
This is the route at my web.php file
Route::get('notas/test/', 'NotasController@test')->name('notas.test');
And it's code
public function test()
dd('Test');
Part of the code I'm using for the test, this at my view.
<div>
<label for="dcmTest">Test</label>
<input type="number"
class="form-control"
min="0.00"
max="100000.00"
step="0.01"
name="dcmTest"
id="dcmTest"
placeholder="test"
value=0
readonly>
</div>
<button type="button" class="btn btn-default" id="ajaxSubmit">OK</button>
</div>
This is what i got after the call at my console. Could you help me to interpret it? did it really load? why the dd function wasn't call at all?
Does it mean it arrived? why it doesn't showed the text? it's at client side...
javascript ajax laravel laravel-5.5
asked Nov 11 '18 at 23:04
ArthurArthur
477
2
"It gets to the confirm dialog, then nothing happens", you haven't told it to do anything except log the ajaxed data to the console, hit F12 and click on the console tab you should see a log message there.ajax()doesn't automatically load the result into the page. Also you have a typo:sucess: function(result)it issuccess
– Patrick Evans
Nov 11 '18 at 23:16
1
You have over complicated this very simple use case. Well, more directly, you've allowed jQuery to overcomplicate this simple use case. Please investigate the use offetch. This will provide a modern view of accomplishing your goal. Nice examples can be found here:developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch
– Randy Casburn
Nov 11 '18 at 23:20
should'n it call the test function and stop showing the "test" text?
– Arthur
Nov 11 '18 at 23:21
1
Yes, and it probably is. The output of that PHP function will be the response to the AJAX request. This should be logged to your browser console (see first comment above) via yourconsole.log(result)line
– Phil
Nov 11 '18 at 23:44
1
Note your backtendtest()function is being called hence why the Preview area of the Network tab is showing the"Test"string. Also note the Console tab to the left of the Network tab is where you would have seen the console.log() of your result
– Patrick Evans
Nov 12 '18 at 3:00
|
show 3 more comments
1
1
1
0
Could you please help me?
I'm trying Ajax for the first time? what I'm missing?
Ajax code (It gets to the confirm dialog, then nothing happens).
<script src="https://code.jquery.com/jquery-3.3.1.js"></script>
<script>
//anyjscode
jQuery(document).ready(function()
jQuery('#ajaxSubmit').click(function(e)
e.preventDefault();
$.ajaxSetup(
headers:
'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
);
confirm ('¿very sure?');
jQuery.ajax(
url: " url('/gymmgr/public/notas/test/') ",
method:'get',
data:
dcmTest:jQuery('#dcmTest').val()
,
sucess: function(result)
console.log(result);
);
);
);
</script>
This is the route at my web.php file
Route::get('notas/test/', 'NotasController@test')->name('notas.test');
And it's code
public function test()
dd('Test');
Part of the code I'm using for the test, this at my view.
<div>
<label for="dcmTest">Test</label>
<input type="number"
class="form-control"
min="0.00"
max="100000.00"
step="0.01"
name="dcmTest"
id="dcmTest"
placeholder="test"
value=0
readonly>
</div>
<button type="button" class="btn btn-default" id="ajaxSubmit">OK</button>
</div>
This is what i got after the call at my console. Could you help me to interpret it? did it really load? why the dd function wasn't call at all?
Does it mean it arrived? why it doesn't showed the text? it's at client side...
javascript ajax laravel laravel-5.5
asked Nov 11 '18 at 23:04
ArthurArthur
477
Could you please help me?
I'm trying Ajax for the first time? what I'm missing?
Ajax code (It gets to the confirm dialog, then nothing happens).
<script src="https://code.jquery.com/jquery-3.3.1.js"></script>
<script>
//anyjscode
jQuery(document).ready(function()
jQuery('#ajaxSubmit').click(function(e)
e.preventDefault();
$.ajaxSetup(
headers:
'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
);
confirm ('¿very sure?');
jQuery.ajax(
url: " url('/gymmgr/public/notas/test/') ",
method:'get',
data:
dcmTest:jQuery('#dcmTest').val()
,
sucess: function(result)
console.log(result);
);
);
);
</script>
This is the route at my web.php file
Route::get('notas/test/', 'NotasController@test')->name('notas.test');
And it's code
public function test()
dd('Test');
Part of the code I'm using for the test, this at my view.
<div>
<label for="dcmTest">Test</label>
<input type="number"
class="form-control"
min="0.00"
max="100000.00"
step="0.01"
name="dcmTest"
id="dcmTest"
placeholder="test"
value=0
readonly>
</div>
<button type="button" class="btn btn-default" id="ajaxSubmit">OK</button>
</div>
This is what i got after the call at my console. Could you help me to interpret it? did it really load? why the dd function wasn't call at all?
Does it mean it arrived? why it doesn't showed the text? it's at client side...
javascript ajax laravel laravel-5.5
javascript ajax laravel laravel-5.5
asked Nov 11 '18 at 23:04
ArthurArthur
477
asked Nov 11 '18 at 23:04
ArthurArthur
477
edited Nov 12 '18 at 0:35
Arthur
asked Nov 11 '18 at 23:04
ArthurArthur
477
asked Nov 11 '18 at 23:04
ArthurArthur
477
asked Nov 11 '18 at 23:04
ArthurArthur
477
477
2
"It gets to the confirm dialog, then nothing happens", you haven't told it to do anything except log the ajaxed data to the console, hit F12 and click on the console tab you should see a log message there.ajax()doesn't automatically load the result into the page. Also you have a typo:sucess: function(result)it issuccess
– Patrick Evans
Nov 11 '18 at 23:16
1
You have over complicated this very simple use case. Well, more directly, you've allowed jQuery to overcomplicate this simple use case. Please investigate the use offetch. This will provide a modern view of accomplishing your goal. Nice examples can be found here:developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch
– Randy Casburn
Nov 11 '18 at 23:20
should'n it call the test function and stop showing the "test" text?
– Arthur
Nov 11 '18 at 23:21
1
Yes, and it probably is. The output of that PHP function will be the response to the AJAX request. This should be logged to your browser console (see first comment above) via yourconsole.log(result)line
– Phil
Nov 11 '18 at 23:44
1
Note your backtendtest()function is being called hence why the Preview area of the Network tab is showing the"Test"string. Also note the Console tab to the left of the Network tab is where you would have seen the console.log() of your result
– Patrick Evans
Nov 12 '18 at 3:00
|
show 3 more comments
2
"It gets to the confirm dialog, then nothing happens", you haven't told it to do anything except log the ajaxed data to the console, hit F12 and click on the console tab you should see a log message there.ajax()doesn't automatically load the result into the page. Also you have a typo:sucess: function(result)it issuccess
– Patrick Evans
Nov 11 '18 at 23:16
1
You have over complicated this very simple use case. Well, more directly, you've allowed jQuery to overcomplicate this simple use case. Please investigate the use offetch. This will provide a modern view of accomplishing your goal. Nice examples can be found here:developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch
– Randy Casburn
Nov 11 '18 at 23:20
should'n it call the test function and stop showing the "test" text?
– Arthur
Nov 11 '18 at 23:21
1
Yes, and it probably is. The output of that PHP function will be the response to the AJAX request. This should be logged to your browser console (see first comment above) via yourconsole.log(result)line
– Phil
Nov 11 '18 at 23:44
1
Note your backtendtest()function is being called hence why the Preview area of the Network tab is showing the"Test"string. Also note the Console tab to the left of the Network tab is where you would have seen the console.log() of your result
– Patrick Evans
Nov 12 '18 at 3:00
2
2
"It gets to the confirm dialog, then nothing happens", you haven't told it to do anything except log the ajaxed data to the console, hit F12 and click on the console tab you should see a log message there.
ajax() doesn't automatically load the result into the page. Also you have a typo: sucess: function(result) it is success– Patrick Evans
Nov 11 '18 at 23:16
"It gets to the confirm dialog, then nothing happens", you haven't told it to do anything except log the ajaxed data to the console, hit F12 and click on the console tab you should see a log message there.
ajax() doesn't automatically load the result into the page. Also you have a typo: sucess: function(result) it is success– Patrick Evans
Nov 11 '18 at 23:16
1
1
You have over complicated this very simple use case. Well, more directly, you've allowed jQuery to overcomplicate this simple use case. Please investigate the use of
fetch. This will provide a modern view of accomplishing your goal. Nice examples can be found here:developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch– Randy Casburn
Nov 11 '18 at 23:20
You have over complicated this very simple use case. Well, more directly, you've allowed jQuery to overcomplicate this simple use case. Please investigate the use of
fetch. This will provide a modern view of accomplishing your goal. Nice examples can be found here:developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch– Randy Casburn
Nov 11 '18 at 23:20
should'n it call the test function and stop showing the "test" text?
– Arthur
Nov 11 '18 at 23:21
should'n it call the test function and stop showing the "test" text?
– Arthur
Nov 11 '18 at 23:21
1
1
Yes, and it probably is. The output of that PHP function will be the response to the AJAX request. This should be logged to your browser console (see first comment above) via your
console.log(result) line– Phil
Nov 11 '18 at 23:44
Yes, and it probably is. The output of that PHP function will be the response to the AJAX request. This should be logged to your browser console (see first comment above) via your
console.log(result) line– Phil
Nov 11 '18 at 23:44
1
1
Note your backtend
test() function is being called hence why the Preview area of the Network tab is showing the "Test" string. Also note the Console tab to the left of the Network tab is where you would have seen the console.log() of your result– Patrick Evans
Nov 12 '18 at 3:00
Note your backtend
test() function is being called hence why the Preview area of the Network tab is showing the "Test" string. Also note the Console tab to the left of the Network tab is where you would have seen the console.log() of your result– Patrick Evans
Nov 12 '18 at 3:00
|
show 3 more comments
0
active
oldest
votes
Your Answer
StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53254136%2fajax-first-time-try%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
draft saved
draft discarded
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53254136%2fajax-first-time-try%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
2
"It gets to the confirm dialog, then nothing happens", you haven't told it to do anything except log the ajaxed data to the console, hit F12 and click on the console tab you should see a log message there.
ajax()doesn't automatically load the result into the page. Also you have a typo:sucess: function(result)it issuccess– Patrick Evans
Nov 11 '18 at 23:16
1
You have over complicated this very simple use case. Well, more directly, you've allowed jQuery to overcomplicate this simple use case. Please investigate the use of
fetch. This will provide a modern view of accomplishing your goal. Nice examples can be found here:developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch– Randy Casburn
Nov 11 '18 at 23:20
should'n it call the test function and stop showing the "test" text?
– Arthur
Nov 11 '18 at 23:21
1
Yes, and it probably is. The output of that PHP function will be the response to the AJAX request. This should be logged to your browser console (see first comment above) via your
console.log(result)line– Phil
Nov 11 '18 at 23:44
1
Note your backtend
test()function is being called hence why the Preview area of the Network tab is showing the"Test"string. Also note the Console tab to the left of the Network tab is where you would have seen the console.log() of your result– Patrick Evans
Nov 12 '18 at 3:00